/*
Theme Name: Disc In Project
Text Domain: discin
Author: Disc In Project Team
Version: 1.0
*/

/* ========== VARIABLES & RESET ========== */
:root{--space:40px;--space-sm:20px;--logo:80px;--logo-sm:40px;--header-z:1000;--adminbar:0px;--footer-bg:#E78052;--page-bg:#FFFAF7;--wave-h:clamp(120px,22vw,400px);--c-text:#333;--c-accent:#E78052;--c-on-accent:#FFFAF7;--shadow-xy:4px 4px 10px rgba(51,51,51,.25);--radius:12px;--font-sans:"Blinker",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;height:100vh;}
body{margin:0;background-color:var(--page-bg);display:flex;flex-direction:column;height:100%;font-family:var(--font-sans);color:var(--c-text);}
html.no-scroll,body.no-scroll{overflow:hidden!important;position:fixed;width:100%;height:100%;inset:0;}
img{max-width:100%;height:auto;display:block;}
body.admin-bar{--adminbar:32px;}
.site-content{flex:1 0 auto;}
.site-footer{flex-shrink:0;}
section:not([class*="hero"]){margin-bottom:80px;}
.btn,.button,.wp-element-button,input[type="submit"],button[type="submit"]{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 20px;border-radius:10px;background:var(--c-accent);color:var(--c-on-accent);text-transform:uppercase;font-weight:600;line-height:1;box-shadow:var(--shadow-xy);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;}
.btn:hover,.button:hover,.wp-element-button:hover,input[type="submit"]:hover,button[type="submit"]:hover{background:#FFA67D;color:#333;filter:brightness(.98);transform:translateY(1px);text-decoration:none!important;}
.btn:active,.button:active,.wp-element-button:active,input[type="submit"]:active,button[type="submit"]:active{transform:translateY(2px);}
.btn--block{display:flex;width:100%;}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-xy);}
.card--padded{padding:20px;}
.card img{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);}

/* ========== FONTS & TYPO ========== */
@font-face{font-family:"Blinker";src:url("assets/font/Blinker-Thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap;}
@font-face{font-family:"Blinker";src:url("assets/font/Blinker-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap;}
@font-face{font-family:"Blinker";src:url("assets/font/Blinker-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:"Blinker";src:url("assets/font/Blinker-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Blinker";src:url("assets/font/Blinker-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Blinker";src:url("assets/font/Blinker-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"Blinker";src:url("assets/font/Blinker-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:"Blinker";src:url("assets/font/Blinker-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap;}
h1,h2,h3,p,a,li{text-decoration:none;margin:0;}
h1{color:#FFFAF7;font-weight:700;text-transform:uppercase;font-size:80px;line-height:1.02;letter-spacing:.01em;}
h2{color:#333;font-weight:700;text-transform:uppercase;font-size:48px;line-height:1.12;margin-bottom:20px;}
h3{color:#333;font-weight:600;text-transform:uppercase;font-size:24px;line-height:1.2;}
p,a,li{color:#333;font-weight:400;font-size:16px;line-height:1.6;}
a{transition:color .2s ease,text-decoration-color .2s ease,transform .15s ease,font-size .15s ease;}
a:hover,a:focus{color:var(--c-accent);text-decoration:underline;transform:translateY(1px);font-size:18px;}

/* ========== HEADER ========== */
.site-header{position:relative;z-index:var(--header-z);}
.site-header__inner{position:relative;width:100%;height:0;}
.site-brand{position:absolute;top:var(--space);left:var(--space);width:var(--logo);height:var(--logo);display:block;line-height:0;}
.site-logo img,.custom-logo,.custom-logo-link img{width:var(--logo)!important;height:var(--logo)!important;max-width:none!important;max-height:none!important;object-fit:contain;display:block;border-radius:10px;}
body.header-dark .menu a{color:#333333c9!important;}
body.header-dark .menu a:hover,body.header-dark .menu a:focus{color:#333!important;text-decoration:underline;transform:translateY(1px);}
body.header-dark .search-field{border-color:#333;color:#333;background:transparent;}
body.header-dark .search-field::placeholder{color:#333;opacity:.8;}
body.header-dark .search-submit{color:#333;}
body.header-dark .lang-switcher__btn{color:#333;}
body.header-dark .burger span{background:#333;}
body.header-dark .menu .current-menu-item>a,body.header-dark .menu .current_page_item>a,body.header-dark .menu .current-menu-ancestor>a,body.header-dark .menu .current_page_ancestor>a{color:var(--c-accent)!important;}
.main-nav{position:absolute;top:calc(var(--space) + (var(--logo)/2));right:var(--space);transform:translateY(-50%);display:flex;align-items:center;gap:24px;}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:24px;align-items:baseline;}
.menu a{position:relative;display:inline-flex;align-items:center;line-height:1;text-decoration:none;font-weight:600;font-size:1rem;color:rgba(255,250,247,.8);transition:color .2s ease,opacity .2s ease,transform .15s ease;}
.menu a:hover,.menu a:focus{color:rgba(255,250,247,1);transform:translateY(1px);text-decoration:none!important;font-size:inherit;}
.menu .current-menu-item>a,.menu .current_page_item>a,.menu .current-menu-ancestor>a,.menu .current_page_ancestor>a{color:var(--c-accent);font-weight:700;font-size:1.08em;transform:none;cursor:default;}
.menu .current-menu-item>a::after,.menu .current_page_item>a::after,.menu .current-menu-ancestor>a::after,.menu .current_page_ancestor>a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--c-accent);border-radius:2px;}
.menu .current-menu-item>a:hover,.menu .current_page_item>a:hover,.menu .current-menu-ancestor>a:hover,.menu .current_page_ancestor>a:hover{color:var(--c-accent);transform:none;font-size:1.08em;}
.menu-utilities{display:flex;align-items:center;gap:16px;}
.lang-switcher{position:relative;}
.lang-switcher__btn{display:flex;align-items:center;gap:6px;background:transparent;border:0;cursor:pointer;padding:6px 8px;border-radius:8px;}
.lang-switcher__btn .caret{font-size:12px;}
.lang-switcher__list{position:absolute;right:0;top:100%;min-width:56px;margin-top:6px;padding:6px;border:1px solid rgba(0,0,0,.15);background:#FFFAF7;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:none;}
.lang-switcher:hover .lang-switcher__list,.lang-switcher:focus-within .lang-switcher__list{display:block;}
.lang-switcher__list li{list-style:none;}
.lang-switcher__list a{display:flex;align-items:center;padding:6px;border-radius:6px;}
.lang-switcher__list a.is-current{opacity:.6;pointer-events:none;}
.lang-switcher img{width:20px;height:14px;display:block;}

/* ========== OFF-CANVAS MENU ========== */
.burger{position:absolute;right:var(--space);top:calc(var(--space) + (var(--logo)/2) - (22.5px/2));width:27.5px;height:22.5px;display:none;flex-direction:column;justify-content:space-between;background:transparent;border:0;padding:0;cursor:pointer;}
.burger span{display:block;height:3px;width:100%;background:#FFFAF7;}
main{margin:40px 40px 200px 40px;}
body.no-scroll .site-brand{display:none;}
.offcanvas{position:fixed;inset:0;z-index:999999!important;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:.25s ease;overflow:hidden;}
.offcanvas.is-open{opacity:1;visibility:visible;}
.offcanvas__panel{position:absolute;inset:0 0 0 auto;width:min(100%,420px);height:100%;background:#FFFAF7;color:#333;transform:translate3d(100%,0,0);transition:.3s ease;display:flex;flex-direction:column;padding:0;z-index:2;will-change:transform;-webkit-transform:translate3d(100%,0,0)!important;overflow:auto;-webkit-overflow-scrolling:touch;}
.offcanvas.is-open .offcanvas__panel{transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;}
.offcanvas__top{position:relative;height:80px;}
.offcanvas__logo{position:absolute;left:20px;top:20px;display:block;line-height:0;}
.offcanvas__logo img{width:40px;height:40px;}
.offcanvas__close{position:absolute;right:20px;top:30px;background:transparent;border:0;font-size:32px;line-height:1;cursor:pointer;color:#333;}
.offcanvas__nav{margin:10vh 0;padding:0 16px;text-align:center;}
.offcanvas-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;align-items:center;}
.offcanvas-menu a{position:relative;display:inline-flex;align-items:center;color:rgba(51,51,51,.8);transition:color .2s ease,opacity .2s ease,transform .15s ease;}
.offcanvas-menu a:hover,.offcanvas-menu a:focus{color:rgba(51,51,51,1);transform:translateY(1px);text-decoration:none;font-size:1.12em;}
.offcanvas-menu .current-menu-item>a,.offcanvas-menu .current_page_item>a,.offcanvas-menu .current-menu-ancestor>a,.offcanvas-menu .current_page_ancestor>a{color:var(--c-accent);font-weight:700;font-size:1.12em;transform:none;cursor:default;}
.offcanvas-menu .current-menu-item>a::after,.offcanvas-menu .current_page_item>a::after,.offcanvas-menu .current-menu-ancestor>a::after,.offcanvas-menu .current_page_ancestor>a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--c-accent);border-radius:2px;}
.offcanvas__divider{margin:6vh 20px 3vh;border:0;border-top:1px solid #ddd;}
.offcanvas__utils{display:flex;align-items:center;gap:16px;padding:0 20px 16px;}
.offcanvas__search{flex:0 0 60%;max-width:60%;}
.offcanvas__search .search-form{width:100%;}
.offcanvas__search .search-field{width:100%;color:#333;border-color:#333;}
.offcanvas__search .search-submit{color:#333;}
.offcanvas__lang{margin-left:auto;display:flex;align-items:center;flex:0 0 auto;}
.offcanvas__lang .lang-switcher{display:inline-flex;margin-left:auto;}
.offcanvas__footer{padding:40px 20px 40px;margin-top:auto;text-align:center;background-color:#E78052;}
.offcanvas-mini-links{display:flex;justify-content:center;align-items:center;gap:20px;margin:0 0 12px;}
.offcanvas-mini-links a{color:#fffaf7;text-decoration:none;font-weight:600;}
.offcanvas-mini-links a:hover{color:#333;text-decoration:underline;}
.offcanvas-mini-links .sep{color:#fffaf7;opacity:.85;}
.offcanvas-mini-social{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:10px;}
.offcanvas-mini-social a{color:#fffaf7;}
.offcanvas-mini-social a:hover{color:#333;}
.offcanvas-mini-social svg{width:20px;height:20px;display:block;}
.offcanvas__legal{font-size:.85rem;color:#fffaf7;margin:6px 0 0;}

/* ========== SEARCH ========== */
.search-form{position:relative;display:flex;align-items:center;}
.search-field{padding:8px 36px 8px 12px;border:1px solid #FFFAF7;border-radius:8px;background:transparent;color:#FFFAF7;}
.search-field::placeholder{color:#FFFAF7;opacity:.8;}
.search-submit{position:absolute;right:8px;border:0;background:transparent;padding:0;cursor:pointer;color:#FFFAF7;}
.search-submit svg{fill:currentColor;}
.header-light .offcanvas__search .site-search{background:transparent!important;border-color:#333333CC!important;color:#333333CC!important;}
.header-light .offcanvas__search .site-search__field{color:#333333CC!important;}
.header-light .offcanvas__search .site-search__field::placeholder{color:#333333CC!important;}
.header-light .offcanvas__search .site-search__submit{color:#333333CC!important;}
.header-light .offcanvas__search .search-field{border-color:#333333CC!important;color:#333333CC!important;}
.header-light .offcanvas__search .search-field::placeholder{color:#666!important;}
.header-light .offcanvas__search .search-submit{color:#333333CC!important;}
.header-light .offcanvas__search .site-search__field:-webkit-autofill,.header-light .offcanvas__search .site-search__field:-webkit-autofill:hover,.header-light .offcanvas__search .site-search__field:-webkit-autofill:focus,.header-light .offcanvas__search .site-search__field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#333333CC!important;caret-color:#333333CC!important;}
.lang-switcher__btn .caret{font-size:16px;line-height:1;margin-left:6px;color:#333333CC;transition:color .2s ease,transform .15s ease;}
.lang-switcher:hover .caret,.lang-switcher:focus-within .caret{transform:rotate(180deg);}
.header-light .main-nav .lang-switcher__btn .caret{color:#FFFAF7CC;}
.offcanvas__lang .lang-switcher__btn .caret{color:#333333CC;}
.site-search{position:relative;display:inline-flex;align-items:center;padding-left:10px;border:1px solid #333333CC;border-radius:10px;}
.site-search__field{border:0;outline:0;background:transparent;min-width:220px;color:#333333CC;}
.site-search__field::placeholder{color:#333333CC;}
.site-search__submit{border:0;background:transparent!important;padding:0;line-height:0;cursor:pointer;box-shadow:none!important;color:#333333CC!important;}
.site-search__field:focus,.site-search__field:not(:placeholder-shown){background:transparent!important;outline:none;}
.site-search__field:-webkit-autofill,.site-search__field:-webkit-autofill:focus,.site-search__field:-webkit-autofill:hover,.site-search__field:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px transparent inset!important;-webkit-text-fill-color:#333333CC!important;transition:background-color 9999s ease-in-out 0s;background-clip:text!important;caret-color:#333333CC!important;}
.header-light .site-search__field:-webkit-autofill,.header-light .site-search__field:-webkit-autofill:hover,.header-light .site-search__field:-webkit-autofill:focus,.header-light .site-search__field:-webkit-autofill:active{-webkit-text-fill-color:#FFFAF7CC!important;caret-color:#FFFAF7CC!important;}
.site-search__field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:14px;width:14px;cursor:pointer;background:none;position:relative;opacity:1;}
.site-search__field::-webkit-search-cancel-button{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M2 2L12 12M12 2L2 12' stroke='%23E78052' stroke-width='2' stroke-linecap='round'/></svg>") center/contain no-repeat;}
.site-search__field::-webkit-search-cancel-button:hover{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M2 2L12 12M12 2L2 12' stroke='%23c35d30' stroke-width='2' stroke-linecap='round'/></svg>") center/contain no-repeat;}
.main-nav .site-search__field{min-width:160px;}
.header-light .site-search{border-color:#FFFAF7CC!important;}
.header-light .site-search__field{color:#FFFAF7CC!important;}
.header-light .site-search__field::placeholder,.header-light .site-search__submit{color:#FFFAF7CC!important;}
.offcanvas__search .site-search{width:100%;}
.offcanvas__search .site-search__field{min-width:0;width:100%;}
.search-page{text-align:left;}
.search-page .search-header{text-align:left;padding-top:150px;}
.search-page h2{text-align:left;}
.search-page .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;justify-items:start;}
.search-page .pagination{text-align:left;margin-top:40px;}
.search-page .site-search{margin-bottom:24px;text-align:left;justify-content:flex-start;}

/* ========== FOOTER ========== */
.site-footer{position:relative;background:var(--footer-bg);color:#fffaf7;text-align:center;isolation:isolate;height:100px;margin-top:auto;}
.footer-inner{position:absolute;left:50%;transform:translate(-50%,-60%);z-index:2;width:100%;max-width:100%;padding:0!important;}
.wave{position:absolute;left:0;width:100%;height:var(--wave-h);top:calc(-1 * var(--wave-h) + 5vw);pointer-events:none;z-index:0;}
.wave path{fill:var(--footer-bg);}
.footer-logo img{width:88px;height:auto;margin:0 auto 14px;display:block;}
.footer-social{display:flex;gap:20px;align-items:center;justify-content:center;margin:10px 0 14px;}
.footer-social a{display:inline-flex;line-height:0;color:var(--page-bg);opacity:.95;transition:opacity .2s ease;}
.footer-social a:hover{opacity:1;}
.footer-links{display:flex;gap:16px;align-items:center;justify-content:center;font-size:.9rem;opacity:.95;margin:6px 0 10px;}
.footer-links a{color:var(--page-bg);text-decoration:none;}
.footer-links a:hover{text-decoration:underline;}
.footer-links .sep{opacity:.5;}
.footer-copy{font-size:.8rem;opacity:.9;}
.backtotop{position:fixed;right:40px;bottom:40px;width:80px;height:80px;border-radius:50%;background:var(--c-accent);color:var(--c-on-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.18);border:0;cursor:pointer;z-index:9999;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;}
.backtotop.is-visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;}
.backtotop:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.backtotop:hover{filter:brightness(.98);}
.backtotop__icon{width:42%;height:auto;display:block;transform:rotate(-90deg);}

/* ========== ACCESSIBILITY & PREFS ========== */
.menu a:focus-visible,.offcanvas-menu a:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){.menu a,.offcanvas-menu a{transition:none;}}
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(14px);transition:opacity 3s cubic-bezier(.2,.7,.3,1),transform 3s cubic-bezier(.2,.7,.3,1);}
  .reveal.is-in{opacity:1;transform:none;}  [data-delay="1"]{transition-delay:1s;} [data-delay="2"]{transition-delay:2s;} [data-delay="3"]{transition-delay:3s;}
  
  .title-underline{position:relative;display:inline-block;}
  .title-underline::after{content:"";position:absolute;left:0;bottom:-6px;height:3px;width:0;background:var(--c-accent);transition:width 3s cubic-bezier(.2,.7,.3,1);border-radius:2px;}
  .title-underline.is-in::after{width:100%;}
  
  .card{transition:transform 2s cubic-bezier(.2,.7,.3,1),box-shadow 2s cubic-bezier(.2,.7,.3,1);}
  .card__media img{transition:transform .35s cubic-bezier(.2,.7,.3,1);}
  .card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.12);}
  .card:hover .card__media img{transform:scale(1.02);}
  
  .hero__overlay{opacity:0;transform:translateY(8px);transition:opacity .6s cubic-bezier(.2,.7,.3,1),transform .6s cubic-bezier(.2,.7,.3,1);}
  .hero--in .hero__overlay{opacity:1;transform:none;}
  .hero__media{will-change:background-position;}
  
  .backtotop{transition:opacity 1s cubic-bezier(.2,.7,.3,1),transform 1s cubic-bezier(.2,.7,.3,1),visibility 0s linear 1s;}
  .backtotop.is-visible{transition:opacity 1s cubic-bezier(.2,.7,.3,1),transform 1s cubic-bezier(.2,.7,.3,1);}
  
  .typein{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.2,.7,.3,1);}
  .typein.is-in{clip-path:inset(0 0 0 0);}
}

/* ========== RESPONSIVE — TABLET (769–1024) ========== */
@media (min-width:769px) and (max-width:1024px){
  :root{--logo:var(--logo-sm);}
  .main-nav{display:none;}
  .burger{display:flex;}
  .wave{top:calc(-1 * var(--wave-h) + 2vw);}
  main{margin:40px 40px 150px 40px;}
}

/* ========== RESPONSIVE — MOBILE (<=768) ========== */
@media (max-width:768px){
  h1{font-size:48px;}h2{font-size:36px;}h3{font-size:20px;}p,a,li{font-size:12px;}
  a:hover,a:focus{font-size:14px;}
  :root{--space:var(--space-sm);--logo:var(--logo-sm);}
  body.admin-bar{--adminbar:46px;}
  .main-nav{display:none;}
  main{margin:20px 20px 100px 20px;}
  .burger{display:flex;}
  .site-footer{height:150px;}
  .footer-inner{transform:translate(-50%,-20%);}
  .wave{top:calc(-1 * var(--wave-h) + 12px);}
  section:not([class*="hero"]){margin-bottom:40px;}
  .search-page .search-header{text-align:left;padding-top:80px;}
  .backtotop{right:20px;bottom:20px;width:40px !important;height:40px !important;}
  .backtotop__icon{width:50%;}
}