/** * GOKID - Banner desktop (compatibil page caching) * Dimensiuni: 970x250 px * Afișat doar pe desktop, fără geo-targeting */ if (!function_exists('gokid_banner_desktop_render')) { function gokid_banner_desktop_render() { if (is_admin()) return; // === PAGINI EXCLUSE === $excluded_slugs = array( 'taberele-de-recreatie-urbana-2026', 'scoli-de-vara-2026-tabere-programe-de-vacanta-copii', 'tabere-club-natura-2026', 'clubul-de-vacanta-edufriends-vara-aceasta-fiecare-saptamana-devine-o-aventura', 'evenimente-copii-weekend-kid-friendly-iasi', 'evenimente-copii-cluj-napoca-weekend-kid-friendly', 'evenimente-copii-brasov-weekend-kid-friendly', 'evenimente-copii-constanta-weekend-kid-friendly', 'clubul-de-vara-2026-la-clubul-copiilor-isteti', 'tabere-tumba-tabara-unde-prinzi-aripi-din-2008-pana-astazi', 'scoala-de-vara-2026-bucuresti-harry-si-padurea-cosmica-10-saptamani-de-vacanta' ); $current_slug = ''; if (is_singular()) { $current_slug = get_post_field('post_name', get_queried_object_id()); } if (in_array($current_slug, $excluded_slugs)) { return; } ?>
/* ─── WRAPPER ──────────────────────────────────────────────── */ .gk-article { padding: 0 0 40px; } .gk-article img { max-width: 100% !important; height: auto !important; } /* ─── HERO BANNER ──────────────────────────────────────────── */ .gk-hero { background: linear-gradient(135deg, #1A1228 0%, #2d1f4a 60%, #1A1228 100%); border-radius: 20px; padding: 52px 40px 48px; margin: 32px 0 40px; text-align: center; position: relative; overflow: hidden; } .gk-hero::before { content: ''; position: absolute; top: -40px; right: -40px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(236,38,143,0.18) 0%, transparent 70%); border-radius: 50%; } .gk-hero::after { content: ''; position: absolute; bottom: -30px; left: -30px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(0,194,168,0.18) 0%, transparent 70%); border-radius: 50%; } .gk-hero-tag { display: inline-block; background: rgba(236,38,143,0.2); color: #EC268F; font-family: 'Arial', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 20px; border: 1px solid rgba(236,38,143,0.3); } .gk-hero h1 { font-family: 'Georgia', serif; font-size: clamp(26px, 5vw, 38px); color: #ffffff; line-height: 1.25; margin-bottom: 16px; position: relative; z-index: 1; } .gk-hero h1 em { color: #EC268F; font-style: normal; } .gk-hero-sub { font-family: 'Arial', sans-serif; font-size: 15px; color: rgba(255,255,255,0.65); position: relative; z-index: 1; } /* ─── INTRO TEXT ───────────────────────────────────────────── */ .gk-intro { font-size: 16.5px; color: #2d2640; margin-bottom: 16px; } .gk-intro-highlight { background: linear-gradient(135deg, #fff8fc 0%, #f0fffe 100%); border-left: 4px solid #EC268F; border-radius: 0 12px 12px 0; padding: 18px 22px; margin: 28px 0 36px; font-size: 16px; color: #2d2640; font-style: italic; } /* ─── SEPARATOR ────────────────────────────────────────────── */ .gk-sep { text-align: center; color: #ccc; letter-spacing: 3px; margin: 36px 0 0; font-size: 13px; line-height: 1; } /* ─── SECTION HEADING ──────────────────────────────────────── */ .gk-section-title { font-family: 'Arial', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #00C2A8; margin-bottom: 24px; } /* ─── INSERT CARD ──────────────────────────────────────────── */ .gk-insert { border-radius: 16px; margin-bottom: 28px; overflow: hidden; box-shadow: 0 2px 16px rgba(26,18,40,0.07); transition: box-shadow 0.2s; } .gk-insert:hover { box-shadow: 0 6px 28px rgba(26,18,40,0.12); } .gk-insert-strip { height: 6px; width: 100%; } .gk-insert.color-rose { background: #fff5f9; } .gk-insert.color-mint { background: #f2fffe; } .gk-insert.color-amber { background: #fffbf0; } .gk-insert.color-sky { background: #f0f8ff; } .gk-insert.color-lilac { background: #f7f4ff; } .gk-insert.color-sage { background: #f3faf5; } .gk-insert.color-sunny { background: #fffcf0; } .gk-insert.color-rose .gk-insert-strip { background: linear-gradient(90deg, #EC268F, #ff6db5); } .gk-insert.color-mint .gk-insert-strip { background: linear-gradient(90deg, #00C2A8, #00e6c8); } .gk-insert.color-amber .gk-insert-strip { background: linear-gradient(90deg, #f59e0b, #fbbf24); } .gk-insert.color-sky .gk-insert-strip { background: linear-gradient(90deg, #3b82f6, #60a5fa); } .gk-insert.color-lilac .gk-insert-strip { background: linear-gradient(90deg, #8b5cf6, #a78bfa); } .gk-insert.color-sage .gk-insert-strip { background: linear-gradient(90deg, #10b981, #34d399); } .gk-insert.color-sunny .gk-insert-strip { background: linear-gradient(90deg, #f97316, #fbbf24); } .gk-insert-body { padding: 28px 32px 30px; } /* Badges */ .gk-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; } .gk-badge { font-family: 'Arial', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 7px 16px; border-radius: 20px; } .color-rose .gk-badge { background: rgba(236,38,143,0.10); color: #b8006d; } .color-mint .gk-badge { background: rgba(0,194,168,0.12); color: #008a78; } .color-amber .gk-badge { background: rgba(245,158,11,0.12); color: #b45309; } .color-sky .gk-badge { background: rgba(59,130,246,0.12); color: #1d4ed8; } .color-lilac .gk-badge { background: rgba(139,92,246,0.12); color: #6d28d9; } .color-sage .gk-badge { background: rgba(16,185,129,0.12); color: #047857; } .color-sunny .gk-badge { background: rgba(249,115,22,0.12); color: #c2410c; } /* Insert typography */ .gk-insert h3 { font-family: 'Georgia', serif; font-size: 20px; font-weight: 700; color: #1A1228; margin-bottom: 6px; line-height: 1.3; } .gk-insert h4 { font-family: 'Arial', sans-serif; font-size: 16px; color: #888; font-weight: 400; margin-bottom: 14px; font-style: italic; } .gk-insert p { font-size: 15px; color: #3d3550; margin-bottom: 14px; line-height: 1.7; } .gk-insert ul { list-style: none; padding: 0; margin: 0 0 18px; } .gk-article .gk-insert ul li { font-size: 15px !important; color: #3d3550 !important; padding: 4px 0 4px 22px !important; position: relative; line-height: 1.55 !important; list-style: none !important; } .gk-article .gk-insert ul li::before { content: '\2736'; position: absolute; left: 0; font-size: 10px; top: 7px; opacity: 0.5; } /* Info row */ .gk-article .gk-insert-info { font-family: 'Arial', sans-serif; font-size: 15px !important; color: #666 !important; margin-top: 18px !important; padding-top: 16px !important; border-top: 1px solid rgba(26,18,40,0.07) !important; line-height: 2 !important; } .gk-article .gk-insert-info a { font-size: 15px !important; color: #666 !important; text-decoration: none !important; white-space: nowrap !important; } .gk-article .gk-insert-info a:hover { text-decoration: underline !important; } /* CTA button */ .gk-cta { display: inline-block; margin-top: 18px; font-family: 'Arial', sans-serif; font-size: 15px; font-weight: 700; text-decoration: none; padding: 10px 22px; border-radius: 30px; letter-spacing: 0.5px; transition: opacity 0.2s; } .gk-cta:hover { opacity: 0.82; } .color-rose .gk-cta { background: #EC268F; color: #fff !important; } .color-mint .gk-cta { background: #00C2A8; color: #fff !important; } .color-amber .gk-cta { background: #f59e0b; color: #fff !important; } .color-sky .gk-cta { background: #3b82f6; color: #fff !important; } .color-lilac .gk-cta { background: #8b5cf6; color: #fff !important; } .color-sage .gk-cta { background: #10b981; color: #fff !important; } .color-sunny .gk-cta { background: #f97316; color: #fff !important; } /* ─── FAQ ──────────────────────────────────────────────────── */ .gk-faq-section { margin-top: 56px; border-top: 2px solid #1A1228; padding-top: 40px; } .gk-faq-section > h2 { font-family: 'Georgia', serif; font-size: 26px; color: #1A1228; margin-bottom: 8px; } .gk-faq-section > p { font-size: 15px; color: #666; margin-bottom: 32px; } details.gk-faq-item { border-bottom: 1px solid rgba(26,18,40,0.10); } details.gk-faq-item:first-of-type { border-top: 1px solid rgba(26,18,40,0.10); } details.gk-faq-item summary { list-style: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 18px 4px; font-family: 'Georgia', serif; font-size: 16px; font-weight: 700; color: #1A1228; user-select: none; transition: color 0.2s; } details.gk-faq-item summary:hover { color: #EC268F; } details.gk-faq-item summary::-webkit-details-marker { display: none; } details.gk-faq-item summary::after { content: '+'; font-size: 22px; font-weight: 300; color: #EC268F; flex-shrink: 0; margin-left: 16px; transition: transform 0.25s; } details.gk-faq-item[open] summary::after { transform: rotate(45deg); } details.gk-faq-item[open] summary { color: #EC268F; } .gk-faq-answer { font-size: 15px; color: #3d3550; line-height: 1.75; padding: 0 4px 20px; } .gk-faq-answer p { margin-bottom: 10px; } .gk-faq-answer ul { list-style: none; padding: 0; margin: 8px 0; } .gk-faq-answer ul li { padding-left: 18px; position: relative; margin-bottom: 5px; } .gk-faq-answer ul li::before { content: '\2192'; position: absolute; left: 0; color: #00C2A8; font-size: 13px; } /* ─── OUTRO ────────────────────────────────────────────────── */ .gk-outro { background: linear-gradient(135deg, #EC268F 0%, #c4006f 100%); border-radius: 16px; padding: 36px 32px; text-align: center; color: #fff; margin-top: 48px; } .gk-outro p { font-size: 16px; opacity: 0.9; margin-bottom: 18px; line-height: 1.65; } .gk-outro strong { opacity: 1; } /* ─── RESPONSIVE ───────────────────────────────────────────── */ @media (max-width: 560px) { .gk-hero { padding: 36px 22px; } .gk-insert-body { padding: 22px 20px; } .gk-outro { padding: 28px 20px; } }