/**
* Theme Name: Clotya Child
* Description: This is a child theme of Clotya, generated by Merlin WP.
* Author: KlbTheme (Sinan ISIK)
* Template: clotya
* Version: 1.4.7
*/
/**
* ===== HEADER (clean & unified) =====
*/
/* Παλέτα χρωμάτων */
:root {
--anu-blue: #3c4f8f;
/* μπλε logo */
--anu-sand: #d8c3a5;
/* άμμος */
--anu-white: #ffffff;
/* άσπρο */
/* Ρυθμίσεις header */
--header-h: 140px;
/* συνολικό ύψος header */
--logo-h: 110px;
/* max-height του logo */
}
@media (min-width: 992px) {
/* Κρύψε topbar */
.header-row.header-topbar {
display: none !important;
}
/* ΒΑΣΗ header */
.header-type4 .header-row.header-main {
background: var(--anu-white) !important;
border: 0 !important;
padding: 0 !important;
}
.header-type4 .header-row.header-main .container {
padding-left: 32px !important;
padding-right: 32px !important;
}
.header-type4 .header-row.header-main .header-wrapper {
position: relative !important;
display: flex !important;
align-items: center !important;
min-height: var(--header-h) !important;
/* Όχι transitions σε ύψη/μεγέθη για να μην “πηδάει” */
transition: box-shadow .25s ease, background-color .25s ease !important;
}
/* LOGO απόλυτα στο κέντρο */
.header-type4 .header-row.header-main .column.left .site-brand {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 5 !important;
text-align: center !important;
}
.header-type4 .header-row.header-main .site-brand img {
max-height: var(--logo-h) !important;
height: auto !important;
width: auto !important;
max-width: none !important;
transition: none !important;
}
/* MENU αριστερά */
.header-type4 .header-row.header-main .column.center {
flex: 1 1 auto !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
text-align: left !important;
}
.header-type4 .header-row.header-main .column.center .site-nav.horizontal.primary {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
text-align: left !important;
}
.header-type4 .header-row.header-main .column.center .site-nav.horizontal.primary>ul#menu-menu-1 {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
padding: 0 !important;
}
/* LINKS: ίδιο ύψος με το header για τέλειο vertical center */
.header-type4 .site-nav.horizontal.primary>ul#menu-menu-1>li>a {
display: flex !important;
align-items: center !important;
height: var(--header-h) !important;
padding: 0 18px !important;
line-height: 1.2 !important;
color: #000 !important;
transition: none !important;
}
.header-type4 .site-nav.horizontal.primary>ul#menu-menu-1>li:hover>a,
.header-type4 .site-nav.horizontal.primary>ul#menu-menu-1>li.current-menu-item>a {
color: var(--anu-blue) !important;
}
/* Δεξιά στήλη δεξιά όταν/αν γεμίσει */
.header-type4 .header-row.header-main .column.right {
margin-left: auto !important;
}
/* STICKY: μόνο σκιά, ίδια ύψη */
.site-header.header-type4.sticky-header .header-row.header-main {
position: fixed;
/* το theme το κάνει ούτως ή άλλως */
top: 0;
left: 0;
right: 0;
background: var(--anu-white) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, .08) !important;
}
.site-header.header-type4.sticky-header .header-row.header-main .header-wrapper {
min-height: var(--header-h) !important;
align-items: center !important;
}
.site-header.header-type4.sticky-header .site-nav.horizontal.primary>ul#menu-menu-1>li>a {
height: var(--header-h) !important;
padding: 0 18px !important;
}
.site-header.header-type4.sticky-header .site-brand img {
max-height: var(--logo-h) !important;
}
.header-wrapper .site-brand:hover {
cursor: pointer;
}
/* Προαιρετική “άμμος” γραμμή στο sticky */
/*.site-header.header-type4.sticky-header .header-row.header-main::after {
content: "";
position: absolute; left: 0; right: 0; bottom: -1px;
height: 2px; background: var(--anu-sand);
}*/
/* WP Admin bar offset (logged-in) */
.admin-bar .site-header.header-type4.sticky-header .header-row.header-main {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .site-header.header-type4.sticky-header .header-row.header-main {
top: 46px;
}
}
}
/* HIDE all e-commerce UI (WooCommerce + Clotya/YITH/WOOSW common selectors) */
.woocommerce .price,
.woocommerce span.price,
.woocommerce p.price,
.woocommerce div.price,
.woocommerce .amount,
.woocommerce .woocommerce-Price-amount,
.woocommerce .woocommerce-Price-currencySymbol,
.product .price,
.product .amount,
.product .woocommerce-Price-amount,
.single-product .price,
.single-product .woocommerce-Price-amount,
.onsale,
.badge,
.sale-badge,
/* add to cart (archive + single) */
.add_to_cart_button,
.single_add_to_cart_button,
.product_type_simple,
.product_type_variable,
.product_type_grouped,
.product_type_external,
.button.product_type_simple,
.button.product_type_variable,
.button.product_type_grouped,
.button.product_type_external,
.quantity,
.qty,
/* wishlist / compare (YITH, WOOSW, etc.) */
.yith-wcwl-add-to-wishlist,
.yith-wcwl-wishlistaddedbrowse,
.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-add-button,
.woosw-btn,
.woosw-added,
.woosw-continue,
.tinvwl_add_to_wishlist_button,
.tinvwl_after_add_to_wishlist,
/* header mini-cart / icons */
.site-header .mini-cart,
.site-header .header-cart,
.site-header .cart-count,
.site-header .toggle-cart,
.site-header .header-button .cart,
.widget_shopping_cart,
.elementor-widget-woocommerce-menu-cart,
/* shop controls (φίλτρα, ταξινόμηση, αποτελέσματα) */
.woocommerce-result-count,
.woocommerce-ordering,
.widget_price_filter,
.widget_layered_nav,
.woocommerce .products .woocommerce-loop-product__link .price,
/* cart/checkout/account pages UI */
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-account,
/* theme-specific (Clotya) */
.header-tools-cart,
.site-tools .cart,
.product-actions .add-to-cart,
.product-actions .wishlist,
.product-meta .price {
display: none !important;
}
.product-buttons {
display: none !important;
}
.product-review {
display: none !important;
}
/* Προαιρετικά: κρύψε link προς cart/checkout/account στο menu */
.menu-item a[href*="cart"],
.menu-item a[href*="checkout"],
.menu-item a[href*="my-account"] {
display: none !important;
}
/* ===== Hide ratings, reviews, wishlist, compare, icons, badges ===== */
/* Ratings (αστέρια & σύνοψη) */
.woocommerce .star-rating,
.woocommerce-product-rating,
.woocommerce .woocommerce-review-link,
.woocommerce .rating,
.woocommerce .reviews,
.woocommerce .commentlist,
.woocommerce .woocommerce-Reviews,
.woocommerce #reviews,
.woocommerce .woocommerce-Tabs-panel--reviews,
.woocommerce li.reviews_tab,
.products .star-rating,
.product .star-rating,
.single-product .woocommerce-product-rating {
display: none !important;
}
/* Review forms/buttons */
#review_form,
#respond.comment-respond,
.comment-respond,
.woocommerce-Reviews .comment-respond,
.woocommerce-Reviews .comment-reply-title,
.woocommerce-Reviews #commentform,
.woocommerce-Reviews .review-form,
.woocommerce a[href*="#reviews"] {
display: none !important;
}
/* Wishlist (YITH, TI, WooSw, κλπ) */
.yith-wcwl-add-to-wishlist,
.yith-wcwl-wishlistaddedbrowse,
.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-add-button,
.tinvwl_add_to_wishlist_button,
.tinvwl-tooltip,
.tinv-wishlist,
.woosw-btn,
.woosw-added,
.woosw-continue,
.header-wishlist,
.site-tools .wishlist,
.product-actions .wishlist {
display: none !important;
}
/* Compare (YITH, WPC Smart Compare, WooScp κ.ά.) */
.yith-woocompare-button,
a.compare,
.compare.button,
.woosc-btn,
.woosc-count,
.woosc-open,
.wooscp-btn,
.wooscp-open,
.product-actions .compare {
display: none !important;
}
/* Τυχόν badges/labels */
.onsale,
.badge,
.sale-badge,
.product .product-badges,
.woocommerce .product .badges {
display: none !important;
}
/* ========== MARQUEE (clean) ========== */
.anu-marquee {
position: relative;
overflow: hidden;
width: 100%;
background: var(--anu-bg, transparent);
/* ΚΑΘΟΛΟΥ borders */
border: 0 !important;
/* Ψηλότερος χώρος μέσα */
padding-top: 56px;
padding-bottom: 56px;
}
/* Κύλιση */
.anu-marquee__track {
display: flex;
gap: var(--anu-gap, 3rem);
white-space: nowrap;
will-change: transform;
animation: anu-marquee linear infinite;
animation-duration: var(--anu-speed, 20s);
}
.anu-marquee.pause-on-hover:hover .anu-marquee__track {
animation-play-state: paused;
}
/* Κείμενο – πολύ μεγαλύτερο */
.anu-marquee__chunk {
font-size: clamp(32px, 5vw, var(--anu-fs, 60px));
/* αυξάνεις το max με το size στο shortcode */
line-height: 1.12;
letter-spacing: var(--anu-ls, 0.02em);
color: var(--anu-color, #302673);
font-weight: var(--anu-fw, 700);
}
/* Animation */
@keyframes anu-marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
/* Προσβασιμότητα */
@media (prefers-reduced-motion: reduce) {
.anu-marquee__track {
animation: none;
}
}
.anu-marquee {
border-top: none !important;
border-bottom: none !important;
}
/* HERO self-hosted video — οριζόντια εμφάνιση μέσα σε fixed ύψος */
.elementor-element-6e8e091 .elementor-wrapper {
position: relative !important;
height: min(88vh, 820px) !important;
/* ύψος hero */
overflow: hidden !important;
background: #000 !important;
aspect-ratio: auto !important;
padding-bottom: 0 !important;
}
/* Κάν’ το να “κάθεται” ΟΡΙΖΟΝΤΙΑ: γεμίζει ΚΑΙ πλάτος ΚΑΙ ύψος με contain */
.elementor-element-6e8e091 .elementor-wrapper>video.elementor-video,
.elementor-element-6e8e091 .e-hosted-video>video,
.elementor-element-6e8e091 .elementor-html5-video {
position: absolute !important;
inset: 0 !important;
margin: auto !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
/* δείξε όλο το κάδρο, χωρίς κόψιμο */
object-position: center center !important;
max-width: none !important;
transform: none !important;
/* καμία περιστροφή */
}
/* ============================================================================ */
html,
body {
overflow-x: hidden !important;
}
/* ===== Sticky Logo Replace + Spin (ANU-FOS) ===== */
@media (min-width: 992px) {
/* όταν γίνεται sticky: κρύψε default logo */
.site-header.header-type4.sticky-header .site-brand img {
display: none !important;
}
/* κράτα χώρο */
.site-header.header-type4.sticky-header .site-brand {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: var(--header-h) !important;
width: auto !important;
}
/* νέο logo με spin */
.site-header.header-type4.sticky-header .site-brand::before {
content: "" !important;
display: block !important;
height: 56px !important;
width: 56px !important;
background-image: url("https://anu-fos.gr/wp-content/uploads/2025/12/logo-vertical-anu-fos-1.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
/* ✨ spin animation */
/*animation: anuSpinIn 650ms ease-out 1;*/
transform-origin: center;
}
/* Προσβασιμότητα */
@media (prefers-reduced-motion: reduce) {
.site-header.header-type4.sticky-header .site-brand::before {
animation: none !important;
}
}
}
/* ===== MENU / SUBMENU STYLING (ANU) ===== */
@media (min-width: 992px) {
/* Submenu container (dropdown) */
.header-type4 .site-nav .sub-menu {
background: var(--anu-white) !important;
border: 1px solid rgba(60, 79, 143, 0.12) !important;
/* anu-blue soft */
border-radius: 16px !important;
padding: 10px 0 !important;
min-width: 230px !important;
/* πιο "premium" shadow */
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.10) !important;
/* smooth open */
transform: translateY(10px) !important;
opacity: 0 !important;
visibility: hidden !important;
transition: all .25s ease !important;
}
/* Όταν ανοίγει */
.header-type4 .site-nav li:hover>.sub-menu,
.header-type4 .site-nav li:focus-within>.sub-menu {
transform: translateY(0) !important;
opacity: 1 !important;
visibility: visible !important;
}
/* Submenu links */
.header-type4 .site-nav .sub-menu li a {
font-size: 15px !important;
padding: 10px 16px !important;
color: #111 !important;
border-radius: 12px !important;
margin: 2px 10px !important;
/* μικρό transition μόνο για hover */
transition: background-color .2s ease, color .2s ease !important;
}
/* Hover μέσα στο submenu */
.header-type4 .site-nav .sub-menu li:hover>a,
.header-type4 .site-nav .sub-menu li a:hover {
/* background: rgba(216, 195, 165, 0.35) !important; */
/* anu-sand soft */
background: rgba(60, 79, 143, 0.10);
color: var(--anu-blue) !important;
}
/* Active / current submenu item (sand + black text) */
.header-type4 .site-nav .sub-menu li.current-menu-item>a,
.header-type4 .site-nav .sub-menu li.current_page_item>a,
.header-type4 .site-nav .sub-menu li.current-menu-ancestor>a {
background: rgba(216, 195, 165, 0.45) !important;
/* anu-sand λίγο πιο έντονο */
color: #111 !important;
/* μαύρο */
font-weight: 700 !important;
}
/* Divider optional (ανάμεσα σε items) */
.header-type4 .site-nav .sub-menu li+li {
border-top: 1px solid rgba(60, 79, 143, 0.06) !important;
}
/* ===== Remove arrows ( > ) ===== */
/* Συνήθως τα themes τα έχουν σε pseudo-elements */
.header-type4 .site-nav li.menu-item-has-children>a::after,
.header-type4 .site-nav li.menu-item-has-children>a::before,
.header-type4 .site-nav .menu-item-has-children>a .klbth-icon,
.header-type4 .site-nav .menu-item-has-children>a i,
.header-type4 .site-nav .menu-item-has-children>a svg {
display: none !important;
content: none !important;
}
/* Σε περίπτωση που το arrow είναι span μέσα στο link */
.header-type4 .site-nav .menu-item-has-children>a span.arrow,
.header-type4 .site-nav .menu-item-has-children>a .arrow {
display: none !important;
}
}
/* ===== Sticky Header Compact Height (ANU) ===== */
@media (min-width: 992px) {
/* μικρότερο sticky header */
.site-header.header-type4.sticky-header .header-row.header-main .header-wrapper {
min-height: 92px !important;
/* βάλε 80px αν το θες πιο compact */
}
/* links να έχουν ίδιο ύψος */
.site-header.header-type4.sticky-header .site-nav.horizontal.primary>ul#menu-menu-1>li>a {
height: 92px !important;
padding: 0 14px !important;
}
/* κάνε και το sticky logo λίγο μικρότερο */
.site-header.header-type4.sticky-header .site-brand::before {
height: 50px !important;
width: 50px !important;
}
}
/* Spin μόνο όταν υπάρχει class anu-spin-now */
.site-header.header-type4.sticky-header.anu-spin-now .site-brand::before {
animation: anuSpinIn 650ms ease-out 1 !important;
}
/* ===== KEYFRAMES (global, outside media queries) ===== */
@keyframes anuSpinIn {
0% {
transform: rotate(0deg) scale(0.85);
opacity: 0;
}
60% {
transform: rotate(280deg) scale(1.05);
opacity: 1;
}
100% {
transform: rotate(360deg) scale(1);
}
}
/* ===============================
HERO VIDEO TEXT — SIMPLE FIX
(Only position + delayed fade)
=============================== */
/* το overlay text */
/* .anu-hero-video .e-hosted-video::after {
content: "Born into the light";
font-style: italic;
position: absolute;
inset: 0;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-35px);
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: clamp(28px, 4.2vw, 76px);
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.94);
text-shadow: 0 14px 40px rgba(0, 0, 0, 0.55);
pointer-events: none;
text-shadow:
0 14px 46px rgba(0, 0, 0, 0.75),
0 2px 0 rgba(0, 0, 0, 0.25);
opacity: 0;
animation: anuHeroTextLoop 15s ease-in-out infinite;
} */
/* fade in πιο μετά, fade out πριν τελειώσει */
@keyframes anuHeroTextLoop {
0% {
opacity: 0;
}
18% {
opacity: 0;
}
/* ✅ delay */
28% {
opacity: 1;
}
/* fade in */
72% {
opacity: 1;
}
/* hold */
86% {
opacity: 0;
}
/* fade out */
100% {
opacity: 0;
}
}
/* Video Hero Page */
@media (min-width: 992px) {
.video-container2 {
height: 1100px !important;
}
}
/* ================================ */
/* ================================ */
/* ================================ */
/* ================================ */
/* ================================ */
/* ================================ */
/* ================================ */
/* ================================ */
/* ================================ */
/* ============================
ANU PINNED STORY (WORKING)
============================ */
.anu-pinned-story {
display: flex !important;
gap: 60px !important;
align-items: flex-start !important;
}
/* left image sticky */
.anu-pinned-story .anu-story-image {
position: sticky !important;
top: 120px !important;
flex: 0 0 45% !important;
align-self: flex-start !important;
z-index: 5;
}
.anu-pinned-story .anu-story-image img {
width: 100% !important;
height: auto !important;
border-radius: 26px !important;
box-shadow: 0 18px 55px rgba(0, 0, 0, 0.14);
}
/* right content */
.anu-pinned-story .anu-story-content {
flex: 1 1 auto !important;
max-width: 55% !important;
}
/* responsive */
@media(max-width: 991px) {
.anu-pinned-story {
flex-direction: column !important;
}
.anu-pinned-story .anu-story-image {
position: relative !important;
top: auto !important;
flex: 1 1 auto !important;
}
.anu-pinned-story .anu-story-content {
max-width: 100% !important;
}
}
/* ✅ ONLY style the clickable element inside, not the whole section */
.anu-btn-hero-1 a,
.anu-btn-hero-1 button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
padding: 14px 30px !important;
border-radius: 999px !important;
background: #3c4f8f !important;
color: #fff !important;
font-weight: 700 !important;
font-size: 15px !important;
box-shadow: 0 18px 45px rgba(60, 79, 143, 0.32) !important;
transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
text-decoration: none !important;
cursor: pointer !important;
}
/* ✅ hover animation */
.anu-btn-hero-1 a:hover,
.anu-btn-hero-1 button:hover {
transform: translateY(-3px) !important;
filter: brightness(1.05) !important;
box-shadow: 0 26px 70px rgba(60, 79, 143, 0.45) !important;
}
/* ✅ prevent section / wrapper from becoming button */
.anu-btn-hero-1 {
background: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* ============================
ANU Carousel Intro (Luxury)
============================ */
.anu-carousel-intro {
width: min(980px, 92vw);
margin: 0 auto 60px;
padding: 70px 0 10px;
/* ✅ αυτό ανεβάζει τη γραμμή πιο πάνω */
position: relative;
text-align: center;
}
/* ✅ Kicker */
.anu-carousel-intro .anu-kicker {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.24em;
text-transform: uppercase;
color: rgba(60, 79, 143, 0.92);
margin: 0 0 18px;
}
/* ✅ Title */
.anu-carousel-intro h2 {
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: clamp(46px, 5.2vw, 78px);
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1.03;
margin: 0 0 18px;
color: #111;
}
/* ✅ Desc */
.anu-carousel-intro p {
font-size: 17px;
line-height: 1.9;
color: rgba(17, 17, 17, 0.75);
margin: 0 auto;
max-width: 760px;
}
/* ✅ Mobile */
@media(max-width: 768px) {
.anu-carousel-intro {
margin-bottom: 36px;
padding: 55px 0 10px;
/* ✅ πιο μικρό padding */
}
.anu-carousel-intro .anu-kicker {
font-size: 11px;
}
.anu-carousel-intro h2 {
font-size: clamp(34px, 9vw, 48px);
margin-bottom: 14px;
}
.anu-carousel-intro p {
font-size: 15px;
line-height: 1.7;
}
}
/* ===================================================
ANU Newsletter v2 — minimal luxury (English)
Container class: anu-newsletter-v2
=================================================== */
.anu-newsletter-v2 {
width: 100%;
padding: 110px 20px;
text-align: center;
position: relative;
overflow: hidden;
}
/* gentle dark overlay πάνω στην cover εικόνα */
.anu-newsletter-v2::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(rgba(0, 0, 0, 0.28),
rgba(0, 0, 0, 0.18));
pointer-events: none;
}
.anu-newsletter-v2>* {
position: relative;
z-index: 2;
}
/* ✅ headline */
.anu-newsletter-v2 h2,
.anu-newsletter-v2 h3 {
font-family: "Cormorant Garamond", Georgia, serif;
font-weight: 600;
font-size: clamp(34px, 4vw, 58px);
margin: 0 0 14px;
color: rgba(255, 255, 255, 0.98);
text-shadow: 0 18px 55px rgba(0, 0, 0, 0.55);
}
/* ✅ subtitle */
.anu-newsletter-v2 p {
font-size: 16px;
line-height: 1.8;
color: rgba(255, 255, 255, 0.88);
margin: 0 auto 34px;
max-width: 620px;
text-shadow: 0 10px 36px rgba(0, 0, 0, 0.45);
}
/* ✅ CF7 wrapper */
.anu-newsletter-v2 .wpcf7 {
margin: 0 auto;
max-width: 700px;
}
/* ✅ form row */
.anu-newsletter-v2 form {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
margin: 0 auto;
max-width: 700px;
padding: 0;
background: none;
}
/* ✅ input */
.anu-newsletter-v2 input[type="email"] {
flex: 1;
height: 56px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.45);
background: rgba(255, 255, 255, 0.92);
padding: 0 22px;
font-size: 15px;
color: #111;
outline: none;
box-shadow: 0 22px 60px rgba(0, 0, 0, 0.25);
transition: border-color .2s ease, box-shadow .2s ease;
}
.anu-newsletter-v2 input[type="email"]::placeholder {
color: rgba(0, 0, 0, 0.42);
}
/* focus */
.anu-newsletter-v2 input[type="email"]:focus {
border-color: rgba(216, 195, 165, 0.95);
box-shadow:
0 24px 70px rgba(0, 0, 0, 0.28),
0 0 0 4px rgba(216, 195, 165, 0.22);
}
/* ✅ submit button */
.anu-newsletter-v2 input[type="submit"] {
height: 56px;
border-radius: 999px;
border: 0;
padding: 0 34px;
background: #3c4f8f;
/* anu-blue */
color: #fff;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.18em;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 22px 60px rgba(60, 79, 143, 0.38);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
/* hover (simple premium) */
.anu-newsletter-v2 input[type="submit"]:hover {
transform: translateY(-2px);
background: #2f3f78;
box-shadow: 0 28px 80px rgba(60, 79, 143, 0.48);
}
/* ✅ small helper text κάτω */
.anu-newsletter-v2 .anu-newsletter-note {
margin-top: 22px;
font-size: 13px;
letter-spacing: 0.02em;
color: rgba(255, 255, 255, 0.85);
text-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}
/* remove CF7 spinner */
.anu-newsletter-v2 .wpcf7-spinner {
display: none !important;
}
/* ✅ response message */
.anu-newsletter-v2 .wpcf7-response-output {
margin: 18px auto 0 !important;
max-width: 640px;
border-radius: 14px;
padding: 12px 16px !important;
color: rgba(255, 255, 255, 0.92);
background: rgba(0, 0, 0, 0.22);
border: 1px solid rgba(255, 255, 255, 0.22);
}
/* ✅ mobile */
@media(max-width: 680px) {
.anu-newsletter-v2 {
padding: 80px 16px;
}
.anu-newsletter-v2::after {
top: 42px;
width: 90px;
}
.anu-newsletter-v2 form {
flex-direction: column;
gap: 12px;
}
.anu-newsletter-v2 input[type="email"],
.anu-newsletter-v2 input[type="submit"] {
width: 100%;
}
}
.anu-btn-hero-1 {
height: 56px !important;
border-radius: 999px !important;
border: none !important;
padding: 0 !important;
color: #fff !important;
font-weight: 700 !important;
font-size: 13px !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
cursor: pointer !important;
}
.anu-btn-hero-1 a {
font-size: 13px !important;
}
/*########################## Category Page :: hide category banner ############################ */
.shop-page-banner {
display: none;
}
/*################################ Product Page :: hide add2wlist/share buttons ################################*/
.product-extra-buttons {
display: none;
}
/*##################################### Footer ########################################*/
#menu-information-1 {
display: none;
}
.footer-copyright {
background-color: black;
color: white;
}
.footer-copyright .container {
display: flex;
justify-content: center;
align-items: center;
}
/* Only reduce copyright row height (SAFE) */
.footer-row.footer-copyright {
padding: 4px 0 !important;
min-height: 0 !important;
}
.footer-row.footer-copyright .container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* ✅ Copyright row — premium smaller (not tiny) */
.footer-row.footer-copyright {
padding: 10px 0 !important;
/* ⬅️ ήταν 0, τώρα έχει “ανάσα” */
margin: 0 !important;
min-height: 0 !important;
}
.footer-row.footer-copyright .container {
padding: 0 12px !important;
/* ⬅️ λίγο οριζόντιο */
margin: 0 !important;
}
.footer-row.footer-copyright .footer-row-wrapper {
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
display: flex;
justify-content: center;
align-items: center;
}
/* ✅ tighten text but keep readable */
.footer-row.footer-copyright .site-copyright p {
margin: 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
font-size: 14px !important;
/* ⬅️ πιο readable */
letter-spacing: 0.02em;
opacity: 0.92;
}
/* ==========================
ANU Split Banner — MAGIC
========================== */
.site-module.banner-grid.column-2.full-width {
--anu-blue: #3c4f8f;
--anu-sand: #d8c3a5;
--anu-white: #ffffff;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
width: 100%;
margin: 0;
overflow: hidden;
}
/* Each side */
.site-module.banner-grid.column-2.full-width .grid-item {
position: relative;
overflow: hidden;
height: clamp(520px, 72vh, 900px);
}
/* image */
.site-module.banner-grid.column-2.full-width .banner-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1.02);
transition: transform 1.05s cubic-bezier(.2, .9, .2, 1),
filter .9s ease;
filter: contrast(1.05) brightness(.92);
}
/* soft luxury overlay */
.site-module.banner-grid.column-2.full-width .grid-item::before {
content: "";
position: absolute;
inset: 0;
/* background:radial-gradient(circle at 50% 20%, rgba(255,255,255,.10), rgba(0,0,0,.50)); */
opacity: .75;
transition: opacity .8s ease;
z-index: 1;
}
/* subtle grain (editorial) */
.site-module.banner-grid.column-2.full-width .grid-item::after {
content: "";
position: absolute;
inset: 0;
/* background-image: url("https://grainy-gradients.vercel.app/noise.svg"); */
opacity: .12;
mix-blend-mode: overlay;
pointer-events: none;
z-index: 2;
}
/* clickable overlay */
.site-module.banner-grid.column-2.full-width .overlay-link {
position: absolute;
inset: 0;
z-index: 10;
}
/* content wrapper */
.site-module.banner-grid.column-2.full-width .banner-content {
position: absolute;
left: 50%;
bottom: 56px;
transform: translateX(-50%);
z-index: 4;
text-align: center;
width: 92%;
}
/* premium label above title */
.site-module.banner-grid.column-2.full-width .banner-content::before {
content: "THE LINEN EDIT";
display: block;
font-size: 12px;
letter-spacing: .24em;
text-transform: uppercase;
color: rgba(255, 255, 255, .88);
margin-bottom: 10px;
}
/* main MEN/WOMEN typography */
.site-module.banner-grid.column-2.full-width .entry-title {
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(62px, 7.2vw, 128px);
font-weight: 500;
letter-spacing: .08em;
margin: 0;
color: rgba(255, 255, 255, .93);
text-shadow: 0 18px 60px rgba(0, 0, 0, .60);
line-height: 0.95;
}
/* subtext line */
.site-module.banner-grid.column-2.full-width .banner-content::after {
content: "Sun-washed tailoring.";
display: block;
font-size: 15px;
margin-top: 16px;
letter-spacing: .08em;
color: rgba(255, 255, 255, .80);
opacity: 0;
transform: translateY(12px);
transition: opacity .65s ease, transform .65s ease;
}
/* WOMEN gets different subtext */
.site-module.banner-grid.column-2.full-width .grid-item:nth-child(2) .banner-content::after {
content: "Quiet silhouettes.";
}
/* CTA on hover */
.site-module.banner-grid.column-2.full-width .banner-content .entry-title::after {
content: "EXPLORE →";
display: block;
margin-top: 18px;
font-size: 12px;
font-weight: 700;
letter-spacing: .22em;
color: rgba(255, 255, 255, .92);
opacity: 0;
transform: translateY(10px);
transition: opacity .65s ease, transform .65s ease;
}
/* Hover magic */
.site-module.banner-grid.column-2.full-width .grid-item:hover .banner-image img {
transform: scale(1.085);
filter: contrast(1.08) brightness(1.02);
}
.site-module.banner-grid.column-2.full-width .grid-item:hover::before {
opacity: .50;
}
.site-module.banner-grid.column-2.full-width .grid-item:hover .banner-content::after,
.site-module.banner-grid.column-2.full-width .grid-item:hover .entry-title::after {
opacity: 1;
transform: translateY(0);
}
/* Make other side slightly “mute” when hovering one */
.site-module.banner-grid.column-2.full-width:hover .grid-item {
transition: filter .6s ease;
}
.site-module.banner-grid.column-2.full-width:hover .grid-item:not(:hover) {
filter: brightness(.85) saturate(.85);
}
/* split line center */
.site-module.banner-grid.column-2.full-width .grid-item:first-child {
border-right: 1px solid rgba(255, 255, 255, .18);
}
/* responsive */
@media(max-width: 900px) {
.site-module.banner-grid.column-2.full-width {
grid-template-columns: 1fr;
}
.site-module.banner-grid.column-2.full-width .grid-item {
height: 70vh;
}
.site-module.banner-grid.column-2.full-width .grid-item:first-child {
border-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, .18);
}
.site-module.banner-grid.column-2.full-width .banner-content {
bottom: 40px;
}
}
/* ✅ TOP CENTER INTRO πάνω από το theme banner */
.site-module.banner-grid.column-2.full-width {
position: relative;
padding-top: 120px;
/* χώρος για intro */
}
/* kicker */
.site-module.banner-grid.column-2.full-width::after {
content: "ANU-FOS · SUMMER LINEN";
position: absolute;
top: 70px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(60, 79, 143, 0.88);
z-index: 20;
}
/* ✅ FORCE SAME sandline everywhere */
/* .anu-sandline{
display:block !important;
width:115px !important;
height:2px !important;
background: rgba(216,195,165,0.95) !important;
border-radius:999px !important;
opacity:0.85 !important;
margin: 0 auto 18px !important;
transform: none !important;
} */
/* =========================================
ANU UNIVERSAL SAND LINE (SAME EVERYWHERE)
========================================= */
/* parent must be relative */
.anu-line-wrap {
position: relative !important;
padding-top: 56px !important;
/* space for the line */
}
@media(max-width:768px) {
.anu-line-wrap {
padding-top: 44px !important;
}
/* .anu-line-wrap > .anu-sandline{
width: 85px !important;
height: 1.5px !important;
top: 14px !important;
} */
}
/* ==========================
RESPONSIVE — Choose your side
========================== */
@media (max-width: 768px) {
/* μικρότερο intro text */
#anuDualBanner_01 .anu-kicker {
font-size: 10.5px !important;
letter-spacing: 0.18em !important;
margin-bottom: 10px !important;
}
#anuDualBanner_01 h2 {
font-size: clamp(28px, 8vw, 40px) !important;
line-height: 1.05 !important;
}
/* μικρότερο “HIM / HER” πάνω στις εικόνες */
#anuDualBanner_01 .anu-dual-title {
font-size: clamp(40px, 10vw, 66px) !important;
letter-spacing: 0.07em !important;
}
#anuDualBanner_01 .anu-dual-sub {
font-size: 11px !important;
letter-spacing: 0.15em !important;
margin-top: 10px !important;
}
/* μικρότερο ύψος κάρτας στο mobile */
#anuDualBanner_01 .anu-dual-card {
height: 460px !important;
}
}
/* ==========================
RESPONSIVE — Contact Form / Newsletter
========================== */
@media (max-width: 768px) {
.anu-newsletter-v2 {
padding: 42px 18px !important;
}
.anu-newsletter-v2 input,
.anu-newsletter-v2 textarea {
font-size: 16px !important;
/* ✅ για να μην κάνει zoom στο iPhone */
padding: 14px 16px !important;
border-radius: 18px !important;
}
.anu-newsletter-v2 textarea {
min-height: 120px !important;
}
/* button */
.anu-newsletter-v2 input[type="submit"],
.anu-newsletter-v2 button {
width: 100% !important;
padding: 14px 18px !important;
font-size: 14px !important;
border-radius: 999px !important;
}
/* spacing */
.anu-newsletter-v2 .wpcf7-form-control-wrap {
margin-bottom: 14px !important;
display: block !important;
}
}
@media (max-width: 768px) {
body {
font-size: 16px !important;
}
}
/* =====================================
ANU DECK — BASE (DESKTOP + TABLET)
===================================== */
#anuDeck_01 {
padding: 110px 0;
overflow: hidden;
}
#anuDeck_01 .anu-lookbook-wrap {
width: min(1380px, 94vw);
margin: 0 auto;
display: grid;
grid-template-columns: 0.95fr 1.05fr;
gap: 110px;
align-items: center;
padding-left: 40px;
padding-right: 20px;
}
#anuDeck_01 .anu-stack {
position: relative;
width: min(680px, 92vw);
height: clamp(520px, 72vh, 760px);
cursor: pointer;
perspective: 1400px;
transform: translateX(20px);
}
#anuDeck_01 .anu-photo {
position: absolute;
inset: 0;
margin: 0;
border-radius: 34px;
overflow: hidden;
background: #fff;
box-shadow: 0 30px 85px rgba(0, 0, 0, 0.16);
border: 1px solid rgba(0, 0, 0, 0.06);
transform: rotate(-2.2deg) translate(-18px, 18px) scale(.985);
opacity: 0.94;
transition: transform .9s cubic-bezier(.2, .9, .2, 1);
}
#anuDeck_01 .anu-photo img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
background: #fff;
}
#anuDeck_01 .anu-photo.is-front {
z-index: 10;
opacity: 1;
transform: rotate(0deg) translate(0, 0) scale(1);
}
#anuDeck_01 .anu-photo.is-next {
z-index: 6;
transform: rotate(2deg) translate(42px, -28px) scale(.965);
}
#anuDeck_01 .anu-photo.is-third {
z-index: 5;
transform: rotate(-5deg) translate(-48px, 34px) scale(.94);
}
#anuDeck_01 .anu-photo.is-hidden {
z-index: 1;
opacity: 0;
pointer-events: none;
transform: translateY(120px) scale(.90);
}
/* copy */
#anuDeck_01 .anu-copy {
width: 100%;
padding-left: 40px;
}
#anuDeck_01 .anu-kicker {
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
font-weight: 600;
color: rgba(60, 79, 143, 0.88);
margin: 0 0 12px;
}
#anuDeck_01 .anu-copy h2 {
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: clamp(44px, 4.8vw, 78px);
line-height: 1.02;
font-weight: 600;
margin: 0 0 18px;
color: #111;
}
#anuDeck_01 .anu-desc {
font-size: 17px;
line-height: 1.8;
color: rgba(17, 17, 17, 0.82);
margin: 0 0 18px;
}
#anuDeck_01 .anu-hint {
font-size: 14px;
color: rgba(17, 17, 17, 0.55);
margin: 0;
}
/* =====================================
MOBILE — SAFE DECK (front + 2 fake photos)
===================================== */
@media (max-width: 768px) {
#anuDeck_01 {
padding: 55px 0 !important;
overflow: hidden !important;
}
#anuDeck_01 .anu-lookbook-wrap {
grid-template-columns: 1fr !important;
gap: 22px !important;
padding: 0 !important;
margin: 0 auto !important;
}
#anuDeck_01 .anu-stack {
width: min(320px, 90vw) !important;
height: 400px !important;
margin: 0 auto !important;
position: relative !important;
perspective: none !important;
transform: none !important;
isolation: isolate !important;
overflow: visible !important;
}
/* fake cards use the CSS vars from the section */
#anuDeck_01 .anu-stack::before,
#anuDeck_01 .anu-stack::after {
content: "";
position: absolute;
inset: 0;
border-radius: 18px !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center 20% !important;
background-repeat: no-repeat !important;
box-shadow: 0 16px 44px rgba(0, 0, 0, .12) !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
pointer-events: none !important;
}
/* farthest fake */
#anuDeck_01 .anu-stack::after {
z-index: 0 !important;
background-image: var(--deck-back-2) !important;
transform: rotate(3deg) translate(10px, -10px) scale(.965) !important;
opacity: .55 !important;
}
/* closer fake */
#anuDeck_01 .anu-stack::before {
z-index: 1 !important;
background-image: var(--deck-back-1) !important;
transform: rotate(-4deg) translate(-10px, 14px) scale(.945) !important;
opacity: .72 !important;
}
/* real cards: show ONLY the current one */
#anuDeck_01 .anu-photo {
position: absolute !important;
inset: 0 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: 0 18px 55px rgba(0, 0, 0, .15) !important;
display: none !important;
transform: none !important;
opacity: 1 !important;
z-index: 3 !important;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
}
#anuDeck_01 .anu-photo.is-front {
display: block !important;
transform: none !important;
}
#anuDeck_01 .anu-photo img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center 20% !important;
}
/* copy κάτω */
#anuDeck_01 .anu-copy {
padding-left: 0 !important;
}
#anuDeck_01 .anu-copy h2 {
font-size: clamp(32px, 8vw, 46px) !important;
}
#anuDeck_01 .anu-desc {
font-size: 15px !important;
line-height: 1.65 !important;
}
}
/* #################### HIDE MOBILE BOTTOM MENU ############################*/
.mobile-bottom-menu {
display: none !important;
}
@media (max-width: 900px) {
/* ✅ κάνε το grid container πιο στενό */
#anuDualBanner_01 .anu-dual-grid {
width: min(520px, 88vw) !important;
/* 👈 εδώ ρυθμίζεις πόσο "στενό" */
margin: 0 auto !important;
}
/* ✅ οι κάρτες να πιάνουν 100% του grid (άρα είναι στενές) */
#anuDualBanner_01 .anu-dual-card {
width: 100% !important;
margin: 0 auto !important;
height: 480px !important;
/* 👈 λίγο πιο μικρό ύψος αν θες */
border-radius: 24px !important;
}
}
/* ======================================
ANU SANDLINE — UNIVERSAL (2 sections)
Works for:
- .anu-carousel-intro .anu-top
- #anuDualBanner_01 .anu-dual-top
====================================== */
/* 1) Κοινό wrapper που κρατάει τη γραμμή */
.anu-line-wrap {
position: relative;
padding-top: 28px;
/* ✅ ίδιο spacing και στα 2 sections */
}
/* 2) Η ίδια γραμμή παντού */
.anu-line-wrap .anu-sandline {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 115px;
height: 2px;
border-radius: 999px;
background: rgba(216, 195, 165, 0.95);
opacity: 0.88;
}
/* 3) tiny glow (premium αλλά διακριτικό) */
.anu-line-wrap .anu-sandline {
box-shadow: 0 10px 26px rgba(216, 195, 165, 0.28);
}
/* 4) Mobile: λίγο μικρότερη γραμμή και μικρότερο spacing */
@media(max-width:768px) {
.anu-line-wrap {
padding-top: 22px;
}
.anu-line-wrap .anu-sandline {
width: 92px;
}
}
/*##################### CAROUSEL IMAGES ############################## */
.owl-carousel img,
.product .thumbnail-wrapper img {
border-radius: 15px !important;
}
/* Recen Views */
.extra-column .products img {
border-radius: 5px !important
}
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* =========================================
ANU OFFCANVAS MENU — PREMIUM BLUE
- kills ALL theme arrows
- adds ONE custom arrow
- better hierarchy & spacing
- desktop + mobile compatible
========================================= */
:root {
--anu-blue: #3c4f8f;
--anu-blue-dark: #2f3e73;
--anu-ink: rgba(17, 17, 17, 0.92);
--anu-ink-soft: rgba(17, 17, 17, 0.62);
--anu-line: rgba(17, 17, 17, 0.09);
}
/* ✅ Theme accordion OFF */
.site-offcanvas nav.site-nav.vertical ul.sub-menu {
height: 0 !important;
overflow: hidden !important;
display: none !important;
}
/* ✅ Kill every theme arrow / toggle / icon */
.site-offcanvas nav.site-nav.vertical .menu-dropdown,
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>svg,
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>i,
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>button,
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>span:not(.anu-arrow),
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>a svg,
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>a i,
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>a .icon,
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>a .klbth-icon,
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>a .feather,
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>a .menu-dropdown {
display: none !important;
}
/* ✅ Kill theme pseudo arrow */
.site-offcanvas nav.site-nav.vertical li.menu-item-has-children>a::after {
content: none !important;
}
/* =========================================
BASE NAV TYPOGRAPHY
========================================= */
.site-offcanvas nav.site-nav.vertical {
padding: 14px 0 0;
font-family: "Inter", "Roboto", system-ui, -apple-system, sans-serif !important;
}
.site-offcanvas nav.site-nav.vertical ul.menu,
.site-offcanvas .anu-drill-level {
list-style: none;
margin: 0;
padding: 0;
}
/* heading */
.site-offcanvas .offcanvas-heading {
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: .24em;
text-transform: uppercase;
color: rgba(17, 17, 17, 0.42);
margin: 10px 0 14px;
padding: 0 24px;
}
/* =========================================
ROOT ITEMS
========================================= */
.site-offcanvas nav.site-nav.vertical ul.menu>li {
margin: 0;
border-bottom: 1px solid var(--anu-line);
}
.site-offcanvas nav.site-nav.vertical ul.menu>li>a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 24px;
font-size: 20px;
/* ✅ bigger */
font-weight: 500;
line-height: 1.18;
letter-spacing: -0.01em;
color: var(--anu-ink);
text-decoration: none;
transition: background .22s ease, color .22s ease;
}
/* tap highlight */
.site-offcanvas nav.site-nav.vertical ul.menu>li>a:active {
background: rgba(60, 79, 143, 0.10);
}
/* hover/focus */
.site-offcanvas nav.site-nav.vertical ul.menu>li>a:hover,
.site-offcanvas nav.site-nav.vertical ul.menu>li>a:focus {
color: var(--anu-blue-dark);
}
/* ✅ ONE custom arrow only (parents) */
.site-offcanvas nav.site-nav.vertical ul.menu>li.menu-item-has-children>a {
position: relative;
padding-right: 56px !important;
}
.site-offcanvas nav.site-nav.vertical ul.menu>li.menu-item-has-children>a::before {
content: "›";
position: absolute;
right: 22px;
top: 50%;
transform: translateY(-52%);
font-size: 28px;
font-weight: 400;
color: var(--anu-ink) !important;
opacity: .85;
transition: transform .22s ease, opacity .22s ease;
}
.site-offcanvas nav.site-nav.vertical ul.menu>li.menu-item-has-children>a:active::before {
transform: translateY(-52%) translateX(5px);
opacity: 1;
}
/* =========================================
DRILL PANEL (SUBMENU)
========================================= */
.site-offcanvas .anu-drill-panel {
padding-top: 8px;
}
/* back bar */
.site-offcanvas .anu-drill-back {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 800;
letter-spacing: .24em;
text-transform: uppercase;
color: var(--anu-blue);
padding: 18px 24px;
border-bottom: 1px solid var(--anu-line);
cursor: pointer;
user-select: none;
}
.site-offcanvas .anu-drill-back::before {
content: "←";
font-size: 16px;
transform: translateY(-1px);
opacity: .95;
}
/* submenu items */
.site-offcanvas .anu-drill-level>li {
border-bottom: 1px solid var(--anu-line);
}
.site-offcanvas .anu-drill-level>li>a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 24px;
font-size: 19px;
font-weight: 500;
line-height: 1.18;
letter-spacing: -0.01em;
color: var(--anu-ink);
text-decoration: none;
transition: background .22s ease, color .22s ease;
}
.site-offcanvas .anu-drill-level>li>a:active {
background: rgba(60, 79, 143, 0.10);
}
/* parents in submenu get arrow */
.site-offcanvas .anu-drill-level>li.menu-item-has-children>a {
position: relative;
padding-right: 56px !important;
}
.site-offcanvas .anu-drill-level>li.menu-item-has-children>a::before {
content: "›";
position: absolute;
right: 22px;
top: 50%;
transform: translateY(-52%);
font-size: 28px;
font-weight: 400;
color: var(--anu-ink) !important;
opacity: .85;
}
/* leaf links softer */
.site-offcanvas .anu-drill-level>li:not(.menu-item-has-children)>a {
font-weight: 400 !important;
color: rgba(17, 17, 17, 0.80);
}
/* remove iOS tap glow */
.site-offcanvas a {
-webkit-tap-highlight-color: transparent;
}
/* footer */
.site-offcanvas-footer {
padding: 16px 0 0;
opacity: .86;
}
/* logo */
.site-offcanvas-header img {
width: 72px !important;
height: auto !important;
}
/* ==============================
ANU MENU PATCH — SMALLER + BLUE PARENTS ONLY + BLACK ARROWS
============================== */
/* smaller fonts */
.site-offcanvas nav.site-nav.vertical ul.menu>li>a {
font-size: 20px !important;
}
.site-offcanvas .anu-drill-level>li>a {
font-size: 19px !important;
}
/* arrows = black */
.site-offcanvas nav.site-nav.vertical ul.menu>li.menu-item-has-children>a::before,
.site-offcanvas .anu-drill-level>li.menu-item-has-children>a::before {
color: var(--anu-ink) !important;
opacity: .55 !important;
font-size: 26px !important;
}
/* Remove 'MENU' menu header */
.offcanvas-heading {
display: none !important;
}
/* MENU LOGO */
.site-offcanvas-header img {
width: 65px !important;
}
.menu-item-2862 a {
color: #decdb4 !important;
font-weight: 800px !important;
}
/* ==========================================
ANU Mobile Vertical Logo (site-brand img)
always visible (sticky + normal)
========================================== */
@media (max-width:768px) {
/* ✅ force the logo always visible */
.site-header.header-type4 .site-brand {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* ✅ override the logo image */
.site-header.header-type4 .site-brand img {
content: url("https://anu-fos.gr/wp-content/uploads/2025/12/logo-vertical-anu-fos-1.png") !important;
width: 46px !important;
height: auto !important;
max-height: 74px !important;
object-fit: contain !important;
display: block !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
/* ✅ prevent shrinking when sticky */
.site-header.header-type4.sticky-header .site-brand img {
width: 46px !important;
max-height: 74px !important;
}
}
/* =========================================
ANU Desktop Menu / Submenu — Clean Premium
- same colors as you wanted (anu-blue hover)
- Inter font (matches mobile vibe)
- subtle premium polish (no exaggeration)
========================================= */
@media (min-width: 992px) {
/* ✅ Apply Inter to the whole desktop nav */
.header-type4 .site-nav,
.header-type4 .site-nav * {
font-family: "Inter", "Roboto", system-ui, -apple-system, sans-serif !important;
}
/* =========================
SUBMENU CONTAINER
========================= */
.header-type4 .site-nav .sub-menu {
background: var(--anu-white) !important;
border: 1px solid rgba(60, 79, 143, 0.12) !important;
border-radius: 16px !important;
padding: 10px 0 !important;
min-width: 230px !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.10) !important;
/* ✅ smooth open */
transform: translateY(10px) !important;
opacity: 0 !important;
visibility: hidden !important;
transition: all .25s ease !important;
/* ✅ small premium floating spacing */
margin-top: 10px !important;
}
/* When open */
.header-type4 .site-nav li:hover>.sub-menu,
.header-type4 .site-nav li:focus-within>.sub-menu {
transform: translateY(0) !important;
opacity: 1 !important;
visibility: visible !important;
}
/* =========================
SUBMENU LINKS
========================= */
.header-type4 .site-nav .sub-menu li a {
font-size: 15px !important;
padding: 12px 16px !important;
color: #111 !important;
border-radius: 12px !important;
margin: 2px 10px !important;
line-height: 1.15 !important;
transition: background-color .2s ease, color .2s ease !important;
}
/* Hover inside submenu (anu-blue) */
.header-type4 .site-nav .sub-menu li:hover>a,
.header-type4 .site-nav .sub-menu li a:hover {
background: rgba(60, 79, 143, 0.12) !important;
color: var(--anu-blue) !important;
/* ✅ small crisp outline so it feels premium */
box-shadow: inset 0 0 0 1px rgba(60, 79, 143, 0.12) !important;
}
/* Active / current submenu item */
.header-type4 .site-nav .sub-menu li.current-menu-item>a,
.header-type4 .site-nav .sub-menu li.current_page_item>a,
.header-type4 .site-nav .sub-menu li.current-menu-ancestor>a {
background: rgba(60, 79, 143, 0.14) !important;
color: #111 !important;
font-weight: 700 !important;
box-shadow: inset 0 0 0 1px rgba(60, 79, 143, 0.14) !important;
}
/* Divider between submenu items */
.header-type4 .site-nav .sub-menu li+li {
border-top: 1px solid rgba(60, 79, 143, 0.06) !important;
}
/* =========================
REMOVE THEME ARROWS (DESKTOP)
========================= */
.header-type4 .site-nav li.menu-item-has-children>a::after,
.header-type4 .site-nav li.menu-item-has-children>a::before,
.header-type4 .site-nav .menu-item-has-children>a .klbth-icon,
.header-type4 .site-nav .menu-item-has-children>a i,
.header-type4 .site-nav .menu-item-has-children>a svg {
display: none !important;
content: none !important;
}
.header-type4 .site-nav .menu-item-has-children>a span.arrow,
.header-type4 .site-nav .menu-item-has-children>a .arrow {
display: none !important;
}
/* ✅ REMOVE GAP that breaks hover */
.header-type4 .site-nav .sub-menu {
margin-top: 0 !important;
}
/* ✅ hover bridge (prevents instant close) */
.header-type4 .site-nav li.menu-item-has-children {
position: relative !important;
}
.header-type4 .site-nav li.menu-item-has-children::after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 14px;
/* 👈 hover buffer */
background: transparent;
}
/* ✅ underline active parent links */
.header-type4 .site-nav>ul>li.current-menu-ancestor>a,
.header-type4 .site-nav>ul>li.current-menu-parent>a,
.header-type4 .site-nav>ul>li.current_page_parent>a {
border-bottom: 2px solid var(--anu-blue) !important;
padding-bottom: 6px !important;
}
/* ✅ arrow ONLY for submenu items that have children */
.header-type4 .site-nav .sub-menu li.menu-item-has-children>a {
position: relative !important;
padding-right: 40px !important;
}
.header-type4 .site-nav .sub-menu li.menu-item-has-children>a::after {
content: "›";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-52%);
font-size: 20px;
opacity: 0.55;
color: rgba(17, 17, 17, 0.80);
}
/* ✅ stabilize nav height (prevents jump) */
.header-type4 .site-nav>ul>li>a {
border-bottom: 2px solid transparent !important;
padding-bottom: 6px !important;
}
/* ✅ underline active links (clicked parent + ancestors) */
.header-type4 .site-nav>ul>li.current-menu-item>a,
.header-type4 .site-nav>ul>li.current_page_item>a,
.header-type4 .site-nav>ul>li.current-menu-ancestor>a,
.header-type4 .site-nav>ul>li.current-menu-parent>a,
.header-type4 .site-nav>ul>li.current_page_parent>a {
border-bottom-color: var(--anu-blue) !important;
}
}
/*############ Hide SIDEBAR - Category Page ################## */
#sidebar {
display: none !important;
}
.site-footer .footer-menu {
display: none !important;
visibility: none !important;
}
/* =========================================
ANU FOOTER — CUSTOM WIDGETS ONLY
========================================= */
:root {
--anu-blue: #3c4f8f;
--anu-sand: #d8c3a5;
--anu-white: #ffffff;
--anu-ink: rgba(17, 17, 17, 0.92);
--anu-ink-soft: rgba(17, 17, 17, 0.62);
--anu-line: rgba(60, 79, 143, 0.12);
}
/* base footer spacing */
.site-footer .footer-row.widgets-row {
padding: 64px 0 50px !important;
}
/* align all columns top */
.site-footer .footer-row.widgets-row .row {
align-items: flex-start !important;
row-gap: 36px !important;
}
/* widget titles */
.site-footer .widget-title {
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .24em !important;
text-transform: uppercase !important;
color: rgba(60, 79, 143, 0.85) !important;
margin: 0 0 16px !important;
}
/* =========================
1st widget brand
========================= */
.anu-footer-brand {
max-width: 360px;
}
.anu-footer-brand img {
width: 96px;
height: auto;
display: block;
margin: 0 0 18px;
}
.anu-footer-brand-text {
font-size: 14px;
line-height: 1.75;
color: var(--anu-ink-soft);
margin: 0;
}
/* =========================
Useful links widget
========================= */
.site-footer .widget_nav_menu ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer .widget_nav_menu ul.menu li a {
display: inline-block;
padding: 8px 0;
font-size: 14px;
color: rgba(17, 17, 17, 0.78);
text-decoration: none;
transition: color .2s ease, transform .2s ease;
}
.site-footer .widget_nav_menu ul.menu li a:hover {
color: var(--anu-blue);
transform: translateX(3px);
}
/* =========================
Newsletter (CF7)
========================= */
.site-footer .anu-newsletter {
display: flex;
gap: 12px;
align-items: center;
max-width: 360px;
}
.site-footer .anu-newsletter__field {
flex: 1;
}
.site-footer .anu-newsletter__field input {
width: 100% !important;
height: 46px !important;
border-radius: 999px !important;
border: 1px solid rgba(60, 79, 143, 0.18) !important;
padding: 0 16px !important;
font-size: 14px !important;
outline: none !important;
}
/* ✅ force submit visible */
.site-footer input.wpcf7-submit {
display: inline-flex !important;
align-items: center;
justify-content: center;
height: 46px !important;
padding: 0 18px !important;
border-radius: 999px !important;
border: 0 !important;
background: var(--anu-blue) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
cursor: pointer !important;
white-space: nowrap;
opacity: 1 !important;
visibility: visible !important;
}
.site-footer input.wpcf7-submit:hover {
background: rgba(60, 79, 143, 0.92) !important;
}
/* hide CF7 odd red icons / artifacts */
.site-footer .wpcf7-spinner,
.site-footer .wpcf7-response-output {
display: none !important;
}
/* =========================
Social widget
========================= */
.anu-footer-social-sub {
font-size: 14px;
color: var(--anu-ink-soft);
margin-bottom: 16px;
max-width: 280px;
}
.anu-footer-social {
display: flex;
gap: 12px;
margin-top: 16px;
}
.anu-footer-social a {
width: 44px;
height: 44px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(60, 79, 143, 0.07);
border: 1px solid rgba(60, 79, 143, 0.14);
transition: all .25s ease;
text-decoration: none;
}
.anu-footer-social a i {
font-size: 18px !important;
color: rgba(60, 79, 143, 0.95) !important;
opacity: 1 !important;
visibility: visible !important;
}
.anu-footer-social a:hover {
background: rgba(60, 79, 143, 0.12);
transform: translateY(-2px);
}
/* =========================
Copyright row fix
========================= */
.site-footer .footer-row.footer-copyright {
background: #fff !important;
border-top: 1px solid rgba(60, 79, 143, 0.12);
padding: 18px 0 !important;
}
.site-footer .site-copyright p {
font-size: 13px !important;
color: rgba(17, 17, 17, 0.55) !important;
margin: 0 !important;
opacity: 1 !important;
}
/* kill duplicate footer menu */
.site-footer .footer-menu {
display: none !important;
}
/* =========================
MOBILE CENTER
========================= */
@media(max-width:991px) {
.site-footer .footer-row.widgets-row {
padding: 52px 0 40px !important;
}
.site-footer .footer-row.widgets-row .col {
text-align: center !important;
}
.anu-footer-brand {
margin: 0 auto;
}
.anu-footer-brand img {
margin: 0 auto 16px;
}
.anu-footer-brand-text {
margin: 0 auto;
}
.anu-newsletter {
flex-direction: column;
align-items: stretch;
margin: 0 auto;
}
.anu-footer-social {
justify-content: center;
}
.anu-footer-social-sub {
margin-left: auto;
margin-right: auto;
}
}
/* =========================================
ANU FOOTER — Desktop layout fixes
========================================= */
/* make footer columns equal + prevent first column from pushing others */
@media(min-width:992px) {
.site-footer .footer-row.widgets-row .row {
display: flex !important;
align-items: flex-start !important;
}
.site-footer .footer-row.widgets-row .col {
flex: 0 0 25% !important;
max-width: 25% !important;
}
/* brand widget: limit text width so it doesn't visually dominate */
.anu-footer-brand {
max-width: 280px !important;
}
.anu-footer-brand-text {
max-width: 260px !important;
font-size: 13.5px !important;
line-height: 1.75 !important;
}
}
/* =========================================
ANU FOOTER — CF7 Newsletter FIX
========================================= */
/* remove CF7 weird paragraph spacing */
.site-footer .wpcf7-form p {
margin: 0 !important;
padding: 0 !important;
}
/* full-width alignment */
.site-footer .anu-newsletter {
width: 100% !important;
max-width: 340px !important;
}
/* input becomes full */
.site-footer .anu-newsletter__field input {
width: 100% !important;
min-width: 220px !important;
}
/* make button not too wide */
.site-footer .anu-newsletter__btn {
flex: 0 0 auto !important;
}
/* prevent duplicate styling artifact / fake button */
.site-footer .anu-newsletter__btn input,
.site-footer input.wpcf7-submit {
width: auto !important;
min-width: 170px !important;
}
/* remove any extra hidden submit buttons CF7/theme adds */
.site-footer .wpcf7 form input[type="submit"]+input[type="submit"] {
display: none !important;
}
.site-footer .footer-row.widgets-row {
background: linear-gradient(180deg, #ffffff 0%, rgba(216, 195, 165, 0.10) 100%) !important;
}
.site-footer .footer-row.widgets-row .widget-title {
position: relative;
padding-bottom: 10px;
}
.site-footer .footer-row.widgets-row .widget-title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 38px;
height: 2px;
background: rgba(216, 195, 165, 0.90);
border-radius: 99px;
}
/* =========================================
ANU Footer — ALIGNMENT FIX (REAL GRID)
========================================= */
@media(min-width:992px) {
/* Replace theme layout with clean grid */
.site-footer .footer-row.widgets-row .footer-row-wrapper .row {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 78px !important;
align-items: start !important;
}
.site-footer .footer-row.widgets-row {
padding-top: 70px !important;
padding-bottom: 55px !important;
}
/* remove bootstrap max widths */
.site-footer .footer-row.widgets-row .col {
max-width: unset !important;
width: auto !important;
padding: 0 !important;
}
/* Make brand text not push vertically */
.anu-footer-brand {
max-width: 100% !important;
}
.anu-footer-brand img {
margin-bottom: 18px !important;
}
.anu-footer-brand-text {
max-width: 320px !important;
font-size: 14px !important;
line-height: 1.75 !important;
margin-top: 14px !important;
}
/* Useful links spacing */
.site-footer .widget_nav_menu ul.menu li {
margin-bottom: 14px !important;
}
/* Newsletter: force 2-line layout */
.site-footer .anu-newsletter {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
align-items: flex-start !important;
}
.site-footer .anu-newsletter__field,
.site-footer .anu-newsletter__btn {
width: 100% !important;
}
.site-footer .anu-newsletter__btn input {
width: 100% !important;
justify-content: center !important;
text-align: center !important;
}
/* Social icons: keep aligned */
.anu-footer-social {
display: flex !important;
gap: 14px !important;
margin-top: 16px !important;
}
}
/* =========================================
ANU Footer — SPACING + TITLE UNDERLINE FIX
========================================= */
/* ✅ More breathing room */
.site-footer .footer-row.widgets-row {
padding-top: 70px !important;
padding-bottom: 55px !important;
}
/* ✅ Desktop grid: more airy spacing */
@media(min-width:992px) {
.site-footer .footer-row.widgets-row .footer-row-wrapper .row {
gap: 78px !important;
/* bigger gap between widgets */
}
}
/* =========================================
Widget Titles underline
========================================= */
/* base titles */
.site-footer .widget-title {
position: relative !important;
display: inline-block !important;
padding-bottom: 10px !important;
margin-bottom: 22px !important;
}
/* underline line */
.site-footer .widget-title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 44px;
height: 2px;
background: rgba(216, 195, 165, 0.85);
border-radius: 99px;
}
/* ✅ MOBILE: Center titles + center underline */
@media(max-width:991px) {
.site-footer .widget-title {
display: block !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
.site-footer .widget-title::after {
left: 50% !important;
transform: translateX(-50%) !important;
width: 50px !important;
}
}
@media(max-width:991px) {
.site-footer .footer-row.widgets-row {
text-align: center !important;
}
.anu-footer-brand img {
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
display: block !important;
}
.anu-footer-social {
justify-content: center !important;
}
.anu-newsletter {
justify-content: center !important;
}
}
.site-footer .footer-row.border-boxed .footer-row-wrapper {
border-bottom: none !important;
}
.footer-copyright .container {
margin: 0 auto !important;
}
.footer-row.footer-copyright {
display: flex !important;
justify-content: center !important;
}
.footer-copyright .site-copyright {
margin: 0 auto !important;
}
/* =========================================
ANU Marquee — Smooth Infinite (no reset bug)
========================================= */
.anu-marquee {
width: 100%;
overflow: hidden;
background: var(--anu-bg, transparent);
color: var(--anu-color, #000);
font-size: var(--anu-fs, 22px);
letter-spacing: var(--anu-ls, 0);
font-weight: var(--anu-fw, 400);
line-height: 1;
position: relative;
}
/* ✅ main track */
.anu-marquee__track {
display: flex;
width: max-content;
will-change: transform;
animation: anu-marquee-scroll var(--anu-speed, 20s) linear infinite;
}
/* chunks */
.anu-marquee__chunk {
display: inline-flex;
align-items: center;
white-space: nowrap;
padding-right: var(--anu-gap, 3rem);
}
/* ✅ infinite scroll */
@keyframes anu-marquee-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
/* ✅ pause on hover */
.anu-marquee.pause-on-hover:hover .anu-marquee__track {
animation-play-state: paused;
}
/* optional uppercase */
.anu-marquee .text-upper {
text-transform: uppercase;
}
.anu-marquee__track {
transform: translate3d(0, 0, 0);
}
/* =========================================
ANU Marquee — PERFECT Infinite (no micro-stutter)
========================================= */
.anu-marquee {
width: 100%;
overflow: hidden;
background: var(--anu-bg, transparent);
color: var(--anu-color, #000);
font-size: var(--anu-fs, 22px);
letter-spacing: var(--anu-ls, 0);
font-weight: var(--anu-fw, 400);
line-height: 1;
}
.anu-marquee__track {
display: flex;
width: max-content;
will-change: transform;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
animation: anu-marquee-scroll var(--anu-speed, 20s) linear infinite;
}
.anu-marquee__chunk {
display: inline-flex;
white-space: nowrap;
padding-right: var(--anu-gap, 3rem);
}
/* ✅ move exactly one full chunk width */
@keyframes anu-marquee-scroll {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
/* pause */
.anu-marquee.pause-on-hover:hover .anu-marquee__track {
animation-play-state: paused;
}
/* ===============================
ANU WORDS MARQUEE (NO STUTTER)
=============================== */
.anu-words-marquee {
width: 100%;
overflow: hidden;
background: var(--anu-bg, transparent);
color: var(--anu-color, #000);
font-size: var(--anu-fs, 11px);
letter-spacing: var(--anu-ls, 0.08em);
font-weight: var(--anu-fw, 600);
line-height: 1;
padding: 12px 0;
position: relative;
white-space: nowrap;
text-transform: uppercase;
}
.anu-words-track {
display: flex;
width: max-content;
gap: 3.5rem;
align-items: center;
/* ✅ critical smoothness */
will-change: transform;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
animation: anuWordsMove var(--anu-speed, 14s) linear infinite;
}
.anu-words-item {
display: inline-flex;
align-items: center;
padding-right: 3.5rem;
}
/* ✅ px-based move = no rounding stutter */
@keyframes anuWordsMove {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
.deensimc-marquee-track-wrapper {
font-size: 60px !important;
}
@media(max-width:991px) {
.deensimc-marquee-track-wrapper {
font-size: 16px !important;
}
}
/* ======================================
ANU ABOUT — Luxury Editorial System
====================================== */
:root {
--anu-blue: #3c4f8f;
--anu-sand: #d8c3a5;
--anu-ink: #111;
--anu-muted: rgba(17, 17, 17, .68);
}
/* global text feel inside about */
.page-id-1996 .elementor-widget-text-editor p {
max-width: 720px;
margin: 0 auto 18px;
font-size: 17px;
line-height: 1.75;
color: white;
}
/* titles in about */
.page-id-1996 h1,
.page-id-1996 h2,
.page-id-1996 h3 {
font-family: "Cormorant Garamond", serif;
color: var(--anu-ink);
letter-spacing: .01em;
}
/* kicker / small uppercase */
.page-id-1996 .anu-kicker {
font-size: 12px;
font-weight: 700;
letter-spacing: .22em;
text-transform: uppercase;
color: rgba(60, 79, 143, 0.72);
}
/* sandline */
.page-id-1996 .anu-sandline {
display: block;
width: 110px;
height: 2px;
margin: 0 auto 20px;
background: rgba(216, 195, 165, 0.95);
border-radius: 999px;
}
/* about GR */
.page-id-4982 .elementor-widget-text-editor p {
max-width: 720px;
margin: 0 auto 18px;
font-size: 17px;
line-height: 1.75;
color: white;
}
/* titles in about */
.page-id-4982 h1,
.page-id-4982 h2,
.page-id-4982 h3 {
font-family: "Cormorant Garamond", serif;
color: var(--anu-ink);
letter-spacing: .01em;
}
/* kicker / small uppercase */
.page-id-4982 .anu-kicker {
font-size: 12px;
font-weight: 700;
letter-spacing: .22em;
text-transform: uppercase;
color: rgba(60, 79, 143, 0.72);
}
/* sandline */
.page-id-4982 .anu-sandline {
display: block;
width: 110px;
height: 2px;
margin: 0 auto 20px;
background: rgba(216, 195, 165, 0.95);
border-radius: 999px;
}
/* HIDE FILTER PRODUCTS ON SHOP PAGE */
.filter-wide-button {
display: none !important;
}
@media(max-width:991px) {
.header-button {
margin-top: 5px !important;
}
.site-offcanvas-header {
padding-right: 10px !important;
}
}
/* =========================================
ANU SUBMENU ARROWS (DESKTOP ONLY)
→ only submenu items that have children
→ doesn't touch main menu items
========================================= */
@media (min-width: 992px) {
/* ✅ ΠΙΑΝΕΙ submenu parents (2nd level only) */
.site-nav.horizontal.primary ul.menu>li>ul.sub-menu>li.menu-item-has-children>a {
position: relative;
padding-right: 34px !important;
}
.site-nav.horizontal.primary ul.menu>li>ul.sub-menu>li.menu-item-has-children>a::after {
content: "›" !important;
position: absolute !important;
right: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 18px !important;
opacity: .65 !important;
display: block !important;
visibility: visible !important;
color: var(--anu-ink);
}
/* ✅ Nice subtle hover */
.site-nav.horizontal.primary ul.menu>li>ul.sub-menu>li.menu-item-has-children>a:hover::after {
transform: translateY(-50%) rotate(-45deg) translateX(2px);
opacity: 1;
}
}
@media(min-width:992px) {
.site-nav.horizontal.primary ul.menu>li>ul.sub-menu {
border-radius: 14px;
padding: 10px 0;
box-shadow: 0 22px 60px rgba(0, 0, 0, .12);
border: 1px solid rgba(17, 17, 17, .08);
background: #fff;
}
.site-nav.horizontal.primary ul.menu>li>ul.sub-menu>li>a {
padding: 13px 18px !important;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.02em;
color: rgba(17, 17, 17, .90);
transition: background .2s ease, color .2s ease;
}
.site-nav.horizontal.primary ul.menu>li>ul.sub-menu>li>a:hover {
background: rgba(60, 79, 143, .06);
color: #2f3e73;
}
}
@media(min-width:992px) {
#menu-anu-menu>li {
padding-left: 7px !important;
padding-right: 7px !important;
}
}
/* =========================================
ANU SUBMENUS — NO RADIUS + WIDER + MORE STABLE HOVER
Desktop only
========================================= */
@media (min-width: 992px) {
/* ✅ All dropdown panels (all levels) */
.site-nav.horizontal.primary ul.menu li>ul.sub-menu {
border-radius: 0 !important;
padding: 14px 0 !important;
min-width: 260px !important;
/* λίγο πιο μεγάλο */
box-shadow: 0 24px 70px rgba(0, 0, 0, .14) !important;
border: 1px solid rgba(17, 17, 17, .08) !important;
background: #fff !important;
}
/* ✅ Dropdown items spacing */
.site-nav.horizontal.primary ul.menu li>ul.sub-menu>li>a {
padding: 14px 20px !important;
font-size: 14px !important;
font-weight: 500 !important;
letter-spacing: .02em !important;
color: rgba(17, 17, 17, .92) !important;
transition: background .18s ease, color .18s ease !important;
}
/* hover */
.site-nav.horizontal.primary ul.menu li>ul.sub-menu>li>a:hover {
background: rgba(60, 79, 143, .07) !important;
color: #2f3e73 !important;
}
/* ✅ Makes submenu harder to lose (hover-bridge) */
.site-nav.horizontal.primary ul.menu>li.menu-item-has-children {
position: relative;
}
/* creates invisible area between parent link and submenu */
.site-nav.horizontal.primary ul.menu>li.menu-item-has-children::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 22px;
/* ✅ μικρό buffer zone */
background: transparent;
}
/* ✅ Same bridge for second-level parents */
.site-nav.horizontal.primary ul.menu li ul.sub-menu>li.menu-item-has-children {
position: relative;
}
.site-nav.horizontal.primary ul.menu li ul.sub-menu>li.menu-item-has-children::after {
content: "";
position: absolute;
left: 100%;
top: 0;
width: 22px;
/* ✅ hover buffer προς δεξιά */
height: 100%;
background: transparent;
}
}
/* =========================================
ANU PAGINATION BUTTONS (Premium)
Works for:
a.page-numbers, span.page-numbers,
.page-numbers div.button (your selector)
========================================= */
.page-numbers div.button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px;
height: 44px;
padding: 0 16px !important;
border-radius: 999px !important;
border: 1px solid rgba(60, 79, 143, .22) !important;
font-family: "Inter", system-ui, -apple-system, sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
color: rgba(17, 17, 17, .86) !important;
background: #fff !important;
transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, .06);
}
.no-more-products{
display: flex;
justify-content: center;
align-items: center;
}
.no-more-products .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin-top:50px !important;
min-width: 44px;
height: 44px;
padding: 0 16px !important;
/* border: 1px solid rgba(60, 79, 143, .22) !important; */
outline: none !important;
font-family: "Inter", system-ui, -apple-system, sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: .13em !important;
text-transform: uppercase !important;
font-style: italic!important;
color: rgba(17, 17, 17, .86) !important;
background: #fff !important;
transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, .06);
cursor: default;
}
.no-more-products .button {
all: unset !important;
display: inline !important;
font-family: "Inter", system-ui, -apple-system, sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-transform: none !important;
font-style: normal !important;
color: rgba(17, 17, 17, 0.65) !important;
cursor: default !important;
margin-top:50px !important;
}
/* ✅ Hover */
.page-numbers a:hover,
.page-numbers div.button:hover {
background: var(--anu-blue) !important;
color: #fff !important;
transform: translateY(-2px);
box-shadow: 0 18px 42px rgba(0, 0, 0, .14);
border-color: rgba(60, 79, 143, .35) !important;
}
/* ✅ Active page */
.page-numbers .current,
.page-numbers span.current {
background: var(--anu-blue) !important;
color: #fff !important;
border-color: rgba(60, 79, 143, .35) !important;
box-shadow: 0 18px 45px rgba(60, 79, 143, .25);
}
/* ✅ Next/Prev */
.page-numbers .prev,
.page-numbers .next {
padding: 0 20px !important;
letter-spacing: .16em !important;
}
/* ✅ Disabled */
.page-numbers span.dots,
.page-numbers span.disabled {
opacity: .50 !important;
pointer-events: none !important;
box-shadow: none !important;
}
/* ✅ Pagination wrapper spacing */
.woocommerce-pagination,
.pagination {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 30px;
flex-wrap: wrap;
}
/* Hide Recapcha */
.grecaptcha-badge {
visibility: hidden;
}
/* Hide Filter on Category Pages */
@media(max-width:991px) {
.filter-button {
display: none;
}
}
/* =========================================
ANU — Category Description (Editorial / 2 lines)
========================================= */
.woocommerce-products-header .term-description {
max-width: 860px;
margin: 16px auto 22px;
padding: 0 12px;
font-family: "Inter", system-ui, -apple-system, sans-serif;
font-size: 15.5px;
line-height: 1.65;
text-align: center;
color: rgba(17, 17, 17, .74);
/* ✅ force compact look */
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
/* ✅ remove default spacing */
.woocommerce-products-header .term-description p {
margin: 0;
}
/* ✅ Tagline (em) = always premium, small, italic */
.woocommerce-products-header .term-description em {
font-family: "Cormorant Garamond", Georgia, serif;
font-style: italic;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.01em;
color: rgba(60, 79, 143, .82);
}
/* ✅ The main text block */
.woocommerce-products-header .term-description {
overflow: hidden;
}
/* ✅ clamp to 2 lines for the full description text (excluding em) */
.woocommerce-products-header .term-description p,
.woocommerce-products-header .term-description {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
display: -webkit-box;
}
/* ✅ Bold for category name */
.woocommerce-products-header .term-description b {
font-weight: 800;
color: rgba(17, 17, 17, .90);
}
/* ✅ Optional controlled break */
.woocommerce-products-header .term-description .anu-break {
display: block;
height: 4px;
}
/* subtle sand line */
.woocommerce-products-header .term-description::after {
content: "";
display: block;
width: 68px;
height: 2px;
margin: 30px auto 0;
border-radius: 999px;
background: rgba(216, 195, 165, .95);
opacity: .9;
}
/* =========================================
Responsive
========================================= */
@media(max-width: 768px) {
.woocommerce-products-header .term-description {
font-size: 14.6px;
line-height: 1.6;
max-width: 100%;
padding: 0 8px;
margin: 14px auto 18px;
}
.woocommerce-products-header .term-description em {
font-size: 18px;
}
}
/* ✅ hide default polylang switcher completely */
/* .header-type4 .site-nav ul.menu>li.pll-parent-menu-item {
display: none !important;
}
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item {
display: none !important;
} */
/* ===== ANU LANG SWITCHER — LUXURY PILL ===== */
.anu-lang-switch {
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
}
/* button */
.anu-lang-btn {
width: 64px;
height: 44px;
border-radius: 999px;
border: 1px solid rgba(60, 79, 143, .14);
background: #fff;
box-shadow: 0 18px 65px rgba(0, 0, 0, .10);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.anu-lang-btn:hover {
transform: translateY(-1px);
/* border-color: rgba(60,79,143,.28);*/
border-color: rgba(60, 79, 143, 0.10);
/* box-shadow: 0 26px 90px rgba(60,79,143,.12); */
box-shadow: 0 26px 90px rgba(60, 79, 143, 0.10);
}
/* flag inside */
.anu-lang-btn .anu-flag svg {
width: 34px;
height: 22px;
border-radius: 7px;
display: block;
}
/* dropdown */
.anu-lang-drop {
position: absolute;
right: 0;
margin-top: 12px;
padding: 12px;
border-radius: 22px;
background: #fff;
border: 1px solid rgba(60, 79, 143, .12);
box-shadow: 0 34px 140px rgba(60, 79, 143, 0.10);
display: flex;
flex-direction: column;
gap: 12px;
opacity: 0;
visibility: hidden;
transform: translateY(12px);
transition: all .18s ease;
}
.anu-lang-switch.is-open .anu-lang-drop {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* item */
.anu-lang-item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
border-radius: 18px;
text-decoration: none;
font-family: "Inter", system-ui, -apple-system, sans-serif;
font-size: 11px;
letter-spacing: .22em;
font-weight: 800;
text-transform: uppercase;
color: rgba(17, 17, 17, .78);
transition: background .18s ease, transform .18s ease;
}
.anu-lang-item:hover {
/* background: rgba(216,195,165,.22); */
background: rgba(60, 79, 143, 0.10);
transform: translateY(-1px);
}
.anu-lang-item svg {
width: 34px;
height: 22px;
border-radius: 7px;
display: block;
}
/* ===== MOBILE (offcanvas) ===== */
@media(max-width:991px) {
.anu-lang-switch {
display: none;
}
.anu-lang-mobile {
display: flex;
justify-content: center;
gap: 14px;
padding: 18px 18px;
border-bottom: 1px solid rgba(17, 17, 17, .10);
}
.anu-lang-mobile .anu-lang-item {
width: 86px;
justify-content: center;
border-radius: 999px;
border: 1px solid rgba(60, 79, 143, .12);
box-shadow: 0 16px 60px rgba(60, 79, 143, 0.10);
background: #fff;
}
.anu-lang-mobile .anu-lang-item svg {
width: 34px;
height: 22px;
}
.anu-lang-mobile .anu-lang-item span {
display: none;
}
}
html[lang="el"] .anu-h1,
html[lang="el"] h1 html[lang="el"] .anu-h2,
html[lang="el"] h2 {
font-family: "GFS Didot", serif !important;
font-weight: 400 !important;
letter-spacing: 0.01em;
}
/* ✅ Greek NAV typography ONLY */
html[lang="el"] .header-type4 .site-nav.horizontal.primary>ul>li>a,
html[lang="el"] .site-offcanvas nav.site-nav.vertical ul.menu>li>a {
font-family: "GFS Didot", serif !important;
font-weight: 500 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase;
}
/* =========================================
ANU POLYLANG SWITCHER — PREMIUM (SAND)
matches submenus + ANU palette
========================================= */
:root {
--anu-blue: #3c4f8f;
--anu-sand: #d8c3a5;
--anu-ink: #111;
}
/* target only polylang item */
.header-type4 .site-nav li.pll-parent-menu-item {
position: relative;
margin-left: 14px;
}
/* main flag link */
.header-type4 .site-nav li.pll-parent-menu-item>a {
padding: 0 !important;
background: none !important;
border: none !important;
display: flex;
align-items: center;
justify-content: center;
}
/* main flag image */
.header-type4 .site-nav li.pll-parent-menu-item>a img {
width: 34px !important;
height: 22px !important;
object-fit: cover !important;
border-radius: 6px !important;
/* ✅ subtle modern */
border: 1px solid rgba(216, 195, 165, .90) !important;
/* ✅ anu-sand */
box-shadow: 0 12px 30px rgba(0, 0, 0, .10) !important;
transition: transform .22s ease, box-shadow .22s ease;
image-rendering: -webkit-optimize-contrast;
}
/* hover feels like premium button */
.header-type4 .site-nav li.pll-parent-menu-item>a:hover img {
transform: translateY(-1px);
box-shadow: 0 18px 40px rgba(0, 0, 0, .14);
}
/* dropdown container (same style as your menu submenus) */
.header-type4 .site-nav li.pll-parent-menu-item>ul.sub-menu {
right: 0 !important;
left: auto !important;
min-width: 94px !important;
padding: 10px 10px !important;
border-radius: 16px !important;
background: #fff !important;
border: 1px solid rgba(60, 79, 143, .10) !important;
box-shadow: 0 22px 70px rgba(0, 0, 0, .14) !important;
}
/* dropdown items */
.header-type4 .site-nav li.pll-parent-menu-item>ul.sub-menu li {
margin: 0 !important;
padding: 0 !important;
}
/* dropdown links like ANU submenu links */
.header-type4 .site-nav li.pll-parent-menu-item>ul.sub-menu a {
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: 10px 10px !important;
border-radius: 12px !important;
transition: background .22s ease;
}
/* hover = anu sand */
.header-type4 .site-nav li.pll-parent-menu-item>ul.sub-menu a:hover {
background: rgba(216, 195, 165, .22) !important;
}
/* dropdown flags */
.header-type4 .site-nav li.pll-parent-menu-item>ul.sub-menu img {
width: 36px !important;
height: 24px !important;
border-radius: 6px !important;
border: 1px solid rgba(216, 195, 165, .75) !important;
}
/* =========================================
MOBILE — NO SUBMENU STYLE
2 premium chips with flags
========================================= */
@media(max-width:991px) {
/* hide the parent "flag only" item */
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item>a {
display: none !important;
}
/* show sub-menu as 2 chips */
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item>ul.sub-menu {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
gap: 14px !important;
padding: 16px 18px 10px !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* chip links */
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item>ul.sub-menu a {
padding: 12px 14px !important;
border-radius: 999px !important;
border: 1px solid rgba(216, 195, 165, .65) !important;
background: #fff !important;
box-shadow: 0 18px 55px rgba(0, 0, 0, .08) !important;
}
/* chip flags */
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item>ul.sub-menu img {
width: 36px !important;
height: 24px !important;
border-radius: 6px !important;
border: 1px solid rgba(216, 195, 165, .75) !important;
}
}
/* ✅ NAV LINKS font (Desktop + Mobile offcanvas) */
.header-type4 .site-nav.horizontal.primary>ul>li>a,
.site-offcanvas nav.site-nav.vertical ul.menu>li>a,
.header-type4 .site-nav.horizontal.primary .sub-menu li>a {
font-family: "GFS Didot", serif !important;
font-weight: 500 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
}
.header-type4 .site-nav.horizontal.primary .sub-menu li
/* ✅ NAV styling (premium hover) */
.header-type4 .site-nav.horizontal.primary>ul>li>a {
position: relative;
padding: 10px 6px !important;
color: #111 !important;
transition: color .22s ease !important;
}
/* hover */
.header-type4 .site-nav.horizontal.primary>ul>li>a:hover {
color: var(--anu-blue) !important;
}
.header-type4 .site-nav.horizontal.primary>ul>li>a:hover::after {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
/* ACTIVE links same style */
.header-type4 .site-nav.horizontal.primary>ul>li.current-menu-item>a,
.header-type4 .site-nav.horizontal.primary>ul>li.current_page_item>a,
.header-type4 .site-nav.horizontal.primary>ul>li.current-menu-ancestor>a,
.header-type4 .site-nav.horizontal.primary>ul>li.current-menu-parent>a {
color: var(--anu-blue) !important;
}
.header-type4 .site-nav.horizontal.primary>ul>li.current-menu-item>a::after,
.header-type4 .site-nav.horizontal.primary>ul>li.current_page_item>a::after,
.header-type4 .site-nav.horizontal.primary>ul>li.current-menu-ancestor>a::after,
.header-type4 .site-nav.horizontal.primary>ul>li.current-menu-parent>a::after {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
/* ✅ FORCE apply also on sticky header nav */
.site-header.header-type4 .site-nav.horizontal.primary li.pll-parent-menu-item>a img {
width: 34px !important;
height: 22px !important;
object-fit: cover !important;
border-radius: 6px !important;
border: 1px solid rgba(216, 195, 165, .85) !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, .10) !important;
}
/* ✅ NAV + SUBMENUS + POLYLANG = same premium font */
.header-type4 .site-nav.horizontal.primary,
.header-type4 .site-nav.horizontal.primary *,
.site-offcanvas nav.site-nav.vertical,
.site-offcanvas nav.site-nav.vertical * {
font-family: "GFS Didot", serif !important;
}
/* ✅ HIDE Polylang default menu item instantly (prevents flash) */
.header-type4 .site-nav.horizontal.primary li.pll-parent-menu-item,
.site-offcanvas .menu-item-5382,
.site-offcanvas .menu-item-5383{
display:none !important;
}
@media(max-width:991px) {
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item>a {
display: none !important;
}
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item>ul.sub-menu {
display: flex !important;
justify-content: center !important;
gap: 12px !important;
padding: 18px 18px 6px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item>ul.sub-menu a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px 16px !important;
border-radius: 999px !important;
background: #fff !important;
border: 1px solid rgba(60, 79, 143, .14) !important;
box-shadow: 0 18px 55px rgba(0, 0, 0, .08) !important;
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item>ul.sub-menu a:hover {
transform: translateY(-2px);
border-color: rgba(60, 79, 143, .32) !important;
box-shadow: 0 22px 70px rgba(60, 79, 143, .14) !important;
}
.site-offcanvas nav.site-nav.vertical li.pll-parent-menu-item>ul.sub-menu img {
width: 40px !important;
height: 26px !important;
border-radius: 6px !important;
border: 1px solid rgba(216, 195, 165, .70) !important;
object-fit: cover !important;
}
}
/* ✅ BODY TEXT stays Inter */
body,
body p,
body input,
body textarea,
body select {
font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}
/* ✅ HEADINGS + NAV = Didot */
h1,
h2,
h3,
h4,
.anu-h1,
.anu-h2,
.header-type4 .site-nav>ul>li>a,
.site-offcanvas nav.site-nav.vertical>ul>li>a {
font-family: "GFS Didot", serif !important;
}
html[lang="el"] .anu-h1,
html[lang="el"] h1,
html[lang="el"] .anu-h2,
html[lang="el"] h2 {
font-family: "GFS Didot", serif !important;
}
/* RANDOM FIXES */
@media(max-width:991px) {
#home-page-nl-text h2 {
font-weight: 600 !important;
}
}
/* MOBILE NAV LINKS FONT-SZE */
@media(max-width:991px) {
.site-offcanvas nav.site-nav.vertical ul.menu>li.menu-item > a{
font-size: 14px !important;
}
.anu-drill-back{
font-size: 11px !important;
}
}
:root{
--anu-blue:#3c4f8f;
--anu-ink:#111;
--anu-line:rgba(60,79,143,.18);
--anu-soft:rgba(60,79,143,.08);
}
/* ===============================
DESKTOP (RIGHT SIDE)
================================ */
@media(min-width:992px){
.header-type4 .header-main .column.right{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:12px;
}
.anu-lang-switch{
display:flex;
align-items:center;
}
.anu-lang-desktop{
display:flex;
gap:10px;
}
.anu-lang-btn{
height:36px;
padding:0 18px;
border-radius:999px;
border:1px solid var(--anu-line);
background:#fff;
display:flex;
align-items:center;
justify-content:center;
font-family:"GFS Didot", serif !important;
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
color:rgba(17,17,17,.78);
text-decoration:none;
transition: all .22s ease;
}
.anu-lang-btn:hover{
background:var(--anu-soft);
border-color:rgba(60,79,143,.35);
color:var(--anu-blue);
transform:translateY(-1px);
box-shadow:0 18px 55px rgba(60,79,143,.12);
}
.anu-lang-btn.is-active{
background:rgba(60,79,143,.12);
color:var(--anu-blue);
border-color:rgba(60,79,143,.35);
box-shadow:none;
}
}
/* ===============================
MOBILE OFFCANVAS (2 PILLS)
================================ */
@media(max-width:991px){
.anu-lang-mobile-wrap{
display:flex;
justify-content:center;
gap:12px;
padding:16px 18px 14px;
border-bottom:1px solid rgba(60,79,143,.10);
background:#fff;
}
.anu-lang-mobile-wrap .anu-lang-btn{
flex:1;
height:44px;
border-radius:999px;
border:1px solid var(--anu-line);
background:#fff;
display:flex;
align-items:center;
justify-content:center;
font-family:"GFS Didot", serif !important;
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
color:rgba(17,17,17,.78);
text-decoration:none;
box-shadow:0 18px 55px rgba(0,0,0,.06);
transition:all .22s ease;
}
.anu-lang-mobile-wrap .anu-lang-btn:hover{
background:var(--anu-soft);
color:var(--anu-blue);
}
.anu-lang-mobile-wrap .anu-lang-btn.is-active{
background:rgba(60,79,143,.12);
border-color:rgba(60,79,143,.35);
color:var(--anu-blue);
}
}
:root{
--anu-blue:#3c4f8f;
--anu-ink:#111;
--anu-line:rgba(60,79,143,.18);
--anu-soft:rgba(60,79,143,.10);
}
/* ===============================
DESKTOP DROPDOWN (RIGHT)
================================ */
@media(min-width:992px){
.header-type4 .header-main .column.right{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
}
.anu-lang-dd{
position:relative;
display:flex;
align-items:center;
}
.anu-lang-trigger{
height:36px;
padding:0 16px;
border-radius:14px; /* ✅ premium not round pill */
border:1px solid var(--anu-line);
background:#fff;
cursor:pointer;
display:flex;
align-items:center;
gap:10px;
font-family:"GFS Didot", serif !important;
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--anu-blue);
transition: all .22s ease;
}
.anu-lang-trigger:hover{
/* background:var(--anu-soft); */
background:var(--anu-blue);
border-color:rgba(60,79,143,.35);
transform:translateY(-1px);
box-shadow:0 18px 55px rgba(60,79,143,.12);
}
.anu-lang-caret{
font-size:11px;
opacity:.55;
transform:translateY(-1px);
transition: transform .2s ease;
}
.anu-lang-dd.is-open .anu-lang-caret{
transform:translateY(-1px) rotate(180deg);
}
/* dropdown */
.anu-lang-drop{
position:absolute;
right:0;
top:calc(100% + 10px);
min-width:105px;
padding:10px;
border-radius:18px;
background:#fff;
border:1px solid rgba(60,79,143,.12);
box-shadow:0 28px 90px rgba(0,0,0,.12);
opacity:0;
visibility:hidden;
transform:translateY(8px);
transition: all .22s ease;
z-index:9999;
}
.anu-lang-dd.is-open .anu-lang-drop{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.anu-lang-opt{
height:42px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
font-family:"GFS Didot", serif !important;
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
color:rgba(17,17,17,.75);
text-decoration:none;
transition: background .2s ease, color .2s ease;
}
.anu-lang-opt:hover{
background:var(--anu-soft);
color:var(--anu-blue);
}
.anu-lang-opt.is-active{
background:rgba(60,79,143,.14);
color:var(--anu-blue);
font-weight:700;
}
}
/* ===============================
MOBILE — 2 Premium Buttons
================================ */
@media(max-width:991px){
.anu-lang-mobile-wrap{
display:flex;
gap:12px;
padding:16px 18px 14px;
justify-content:center;
background:#fff;
border-bottom:1px solid rgba(60,79,143,.10);
}
.anu-lang-pill{
flex:1;
height:44px;
border-radius:14px;
border:1px solid var(--anu-line);
background:#fff;
display:flex;
align-items:center;
justify-content:center;
font-family:"GFS Didot", serif !important;
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
color:rgba(17,17,17,.72);
text-decoration:none;
box-shadow:0 18px 55px rgba(0,0,0,.06);
transition: all .22s ease;
}
.anu-lang-pill:hover{
background:var(--anu-soft);
color:var(--anu-blue);
}
.anu-lang-pill.is-active{
background:rgba(60,79,143,.14);
border-color:rgba(60,79,143,.35);
color:var(--anu-blue);
font-weight:700;
}
}
/* ESHOP */
.site-offcanvas .menu-item-2862 a,
.site-offcanvas .menu-item-5065 a,
.header-type4 .menu-item-2862 a,
.header-type4 .menu-item-5065 a{
color: #E0C09A !important;
}
.product-categories a:hover{
color: var(--anu-blue) !important;
}
/*
.video-container2.elementor-hidden-mobile{
height: 130vh !important;
}
*/
/* Contact Us Form */
.wpcf7-response-output{
border:none !important;
text-align: center !important;
margin-top: 0 !important;
}
.list-views .entry-description{
display: none !important;
}
.list-views .product-list-buttons{
display: none !important;
}
/*############################################*/
.mobile-banner-container p{
font-size: 26px !important;
font-family: "GFS Didot", serif !important;
font-weight: 500 !important;
letter-spacing: 2.5px !important;
}