{"id":808,"date":"2026-01-12T20:05:34","date_gmt":"2026-01-12T20:05:34","guid":{"rendered":"https:\/\/casuta-cu-delicii.ro\/?tahefobu_header=header-casuta"},"modified":"2026-01-15T17:48:22","modified_gmt":"2026-01-15T17:48:22","slug":"header-casuta","status":"publish","type":"tahefobu_header","link":"https:\/\/casuta-cu-delicii.ro\/header-casuta\/","title":{"rendered":"header casuta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"808\" class=\"elementor elementor-808\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8179c2f e-flex e-con-boxed e-con e-parent\" data-id=\"8179c2f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ba5c09 elementor-widget elementor-widget-html\" data-id=\"4ba5c09\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- 1. DESIGN ORIGINAL (FONTS & COLORS) --- *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Dancing+Script:wght@600;700&family=Lato:wght@300;400;700&display=swap');\n\n    :root {\n        --cd-gold: #c5a059;\n        --cd-dark: #2c2c2c;\n        --cd-bg: #ffffff;\n    }\n\n    \/* --- 2. MECANISMUL \"CHECKBOX\" (MOTORUL CARE NU SE BLOCHEAZA) --- *\/\n    #nav-toggle { display: none; } \/* Checkbox ascuns *\/\n\n    \/* Cand e bifat, adu meniul pe ecran (Slide din STANGA) *\/\n    #nav-toggle:checked ~ .mobile-drawer {\n        left: 0 !important;\n        box-shadow: 10px 0 50px rgba(0,0,0,0.2);\n    }\n    \n    \/* Cand e bifat, arata fundalul intunecat *\/\n    #nav-toggle:checked ~ .mobile-overlay {\n        opacity: 1; visibility: visible; pointer-events: auto;\n    }\n\n    \/* --- 3. STILURI HEADER DESKTOP --- *\/\n    .cd-header-wrapper {\n        background: var(--cd-bg);\n        height: 90px;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.04);\n        position: relative;\n        z-index: 100;\n        font-family: 'Lato', sans-serif;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0 5%;\n    }\n\n    \/* LOGO *\/\n    .cd-brand a {\n        font-family: 'Dancing Script', cursive;\n        font-size: 38px;\n        font-weight: 700;\n        color: var(--cd-dark);\n        text-decoration: none;\n    }\n    .cd-brand span { color: var(--cd-gold); }\n\n    \/* NAVIGATIE DESKTOP *\/\n    .desktop-nav { display: flex; gap: 35px; align-items: center; }\n\n    .desktop-nav a {\n        text-decoration: none;\n        color: #444;\n        font-size: 14px;\n        text-transform: uppercase;\n        font-weight: 400;\n        letter-spacing: 2px;\n        transition: color 0.3s;\n    }\n    .desktop-nav a:hover { color: var(--cd-gold); }\n\n    \/* DROPDOWN DESKTOP *\/\n    .cd-dropdown { position: relative; display: inline-block; padding: 20px 0; }\n    .cd-dropdown-content {\n        display: none;\n        position: absolute;\n        top: 100%; left: -20px;\n        background-color: #fff;\n        min-width: 240px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n        border-top: 3px solid var(--cd-gold);\n        padding: 15px 0;\n        border-radius: 0 0 8px 8px;\n    }\n    .cd-dropdown:hover .cd-dropdown-content { display: block; animation: fadeIn 0.3s; }\n    \n    .cd-dropdown-content a {\n        display: block; \n        padding: 12px 25px; \n        border-bottom: 1px dashed #f0f0f0;\n        text-transform: none;\n        font-size: 15px;\n    }\n    .cd-dropdown-content a:hover { background: #fffaf0; color: var(--cd-gold); padding-left: 30px; }\n\n    \/* BUTON COMANDA DESKTOP *\/\n    .btn-gold {\n        background: var(--cd-gold); color: #fff !important; padding: 12px 30px; border-radius: 50px;\n        font-weight: 700; letter-spacing: 1px;\n    }\n    .btn-gold:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(197, 160, 89, 0.4); }\n\n    \/* --- 4. STILURI MOBILE --- *\/\n    \/* LABEL = Butonul Hamburger *\/\n    .mobile-trigger-lbl { \n        display: none; \n        cursor: pointer; \n        color: var(--cd-dark);\n        padding: 15px; \n        margin-left: -15px;\n        -webkit-tap-highlight-color: transparent;\n    }\n    .mobile-logo-center { display: none; }\n    .mobile-phone-icon { display: none; }\n\n    \/* OVERLAY & DRAWER *\/\n    .mobile-overlay {\n        position: fixed !important; top: 0; left: 0; width: 100vw; height: 100vh;\n        background: rgba(0,0,0,0.6);\n        backdrop-filter: blur(5px);\n        z-index: 999998 !important;\n        opacity: 0; visibility: hidden;\n        transition: 0.4s ease;\n    }\n    \/* Label invizibil pe tot ecranul pentru inchidere *\/\n    .overlay-close-lbl {\n        position: absolute; width: 100%; height: 100%; cursor: default;\n    }\n\n    \/* SERTARUL PROPRIU-ZIS (Exact designul vechi) *\/\n    .mobile-drawer {\n        position: fixed !important; top: 0; left: -100%; \/* Ascuns stanga *\/\n        width: 85%; max-width: 320px; height: 100vh;\n        background: #fff; \n        z-index: 999999 !important; \/* Peste orice *\/\n        transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        padding: 30px; display: flex; flex-direction: column;\n        \n        \/* DESIGN PREMIUM (Golden Dots) *\/\n        background-image: radial-gradient(#c5a059 0.5px, transparent 0.5px);\n        background-size: 20px 20px;\n        background-color: #fff;\n    }\n\n    .drawer-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }\n    .drawer-brand { font-family: 'Dancing Script', cursive; font-size: 28px; color: var(--cd-dark); }\n    \n    \/* Buton X *\/\n    .drawer-close-lbl { font-size: 30px; cursor: pointer; padding: 5px; color: #222; }\n\n    .drawer-links a {\n        display: block; font-size: 18px; font-weight: 400; color: #333; padding: 15px 0;\n        border-bottom: 1px solid #f5f5f5; text-decoration: none; transition: 0.2s;\n    }\n    \n    .drawer-sublinks { background: #fff; padding: 10px 20px; border-radius: 8px; margin: 10px 0; border: 1px solid #eee;}\n    .drawer-sublinks a { font-size: 16px; border: none; padding: 8px 0; color: #666; font-family: 'Dancing Script', cursive; }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 1024px) {\n        .desktop-nav { display: none; }\n        .mobile-trigger-lbl { display: block; order: 1; }\n        .cd-header-wrapper { padding: 0 20px; height: 75px; }\n        \n        .cd-brand { display: none; }\n        .mobile-logo-center { \n            display: block; order: 2; flex-grow: 1; text-align: center;\n            font-family: 'Dancing Script', cursive; font-size: 26px; color: var(--cd-dark); text-decoration: none;\n        }\n        .mobile-logo-center span { color: var(--cd-gold); }\n        \n        .mobile-phone-icon { display: block; order: 3; font-size: 22px; text-decoration:none; padding: 10px; color: #333; }\n    }\n    \n    @keyframes fadeIn { from {opacity:0; transform:translateY(10px);} to {opacity:1; transform:translateY(0);} }\n<\/style>\n\n<div class=\"menu-system-root\">\n    \n    <input type=\"checkbox\" id=\"nav-toggle\">\n\n    <div class=\"cd-header-wrapper\">\n        \n        <label for=\"nav-toggle\" class=\"mobile-trigger-lbl\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n                <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n                <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n            <\/svg>\n        <\/label>\n\n        <div class=\"cd-brand\">\n            <a href=\"\/\">C\u0103su\u021ba cu <span>Delicii<\/span><\/a>\n        <\/div>\n\n        <a href=\"\/\" class=\"mobile-logo-center\">C\u0103su\u021ba cu <span>Delicii<\/span><\/a>\n\n        <nav class=\"desktop-nav\">\n            <a href=\"\/\">Acas\u0103<\/a>\n            \n            <div class=\"cd-dropdown\">\n                <a href=\"\/meniu\">Bun\u0103t\u0103\u021buri \u25be<\/a>\n                <div class=\"cd-dropdown-content\">\n                    <a href=\"\/torturi-tulcea\/\">\ud83c\udf70 Torturi Tulcea<\/a>\n                    <a href=\"\/prajituri-tulcea\/\">\ud83c\udf6a Pr\u0103jituri de Cas\u0103<\/a>\n                    <a href=\"\/candy-bar-tulcea\/\">\ud83c\udf6c Candy Bar<\/a>\n                    <a href=\"\/cozonaci-tulcea\/\">\ud83e\udd68 Cozonaci<\/a>\n                <\/div>\n            <\/div>\n\n            <a href=\"\/despre-noi\/\">Povestea Noastr\u0103<\/a>\n            <a href=\"\/contact\/\">Contact<\/a>\n            <a href=\"tel:0755507513\" class=\"btn-gold\">Comand\u0103<\/a>\n        <\/nav>\n\n        <a href=\"tel:0755507513\" class=\"mobile-phone-icon\">\ud83d\udcde<\/a>\n    <\/div>\n\n    <div class=\"mobile-overlay\">\n        <label for=\"nav-toggle\" class=\"overlay-close-lbl\"><\/label>\n    <\/div>\n\n    <div class=\"mobile-drawer\">\n        <div class=\"drawer-header\">\n            <span class=\"drawer-brand\">C\u0103su\u021ba cu <span>Delicii<\/span><\/span>\n            <label for=\"nav-toggle\" class=\"drawer-close-lbl\">&times;<\/label>\n        <\/div>\n\n        <div class=\"drawer-links\">\n            <a href=\"\/\">Acas\u0103<\/a>\n            \n            <div style=\"padding: 10px 0;\">\n                <span style=\"font-size:12px; color:#999; text-transform:uppercase; letter-spacing:1px; font-family:'Lato';\">Meniul Nostru<\/span>\n                <div class=\"drawer-sublinks\">\n                    <a href=\"\/torturi-tulcea\/\">Torturi Aniversare<\/a>\n                    <a href=\"\/prajituri-tulcea\/\">Pr\u0103jituri de Cas\u0103<\/a>\n                    <a href=\"\/candy-bar-tulcea\/\">Candy Bar Evenimente<\/a>\n                    <a href=\"\/cozonaci-tulcea\/\">Cozonaci<\/a>\n                <\/div>\n            <\/div>\n\n            <a href=\"\/despre-noi\/\">Povestea Noastr\u0103<\/a>\n            <a href=\"\/contact\/\">Contact<\/a>\n        <\/div>\n\n        <div style=\"margin-top:auto;\">\n            <a href=\"tel:0755507513\" class=\"btn-gold\" style=\"display:block; text-align:center; color:white; text-decoration:none;\">\ud83d\udcde Sun\u0103 Acum<\/a>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"template":"","class_list":["post-808","tahefobu_header","type-tahefobu_header","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/casuta-cu-delicii.ro\/index.php\/wp-json\/wp\/v2\/tahefobu_header\/808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casuta-cu-delicii.ro\/index.php\/wp-json\/wp\/v2\/tahefobu_header"}],"about":[{"href":"https:\/\/casuta-cu-delicii.ro\/index.php\/wp-json\/wp\/v2\/types\/tahefobu_header"}],"version-history":[{"count":26,"href":"https:\/\/casuta-cu-delicii.ro\/index.php\/wp-json\/wp\/v2\/tahefobu_header\/808\/revisions"}],"predecessor-version":[{"id":1014,"href":"https:\/\/casuta-cu-delicii.ro\/index.php\/wp-json\/wp\/v2\/tahefobu_header\/808\/revisions\/1014"}],"wp:attachment":[{"href":"https:\/\/casuta-cu-delicii.ro\/index.php\/wp-json\/wp\/v2\/media?parent=808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}