/*
Theme Name: Rados Plants
Author: Rados Plants
Description: Καθαρό, ελληνικό block theme για τη Rados Plants. Επεξεργασία από τον Επεξεργαστή ιστοτόπου του WordPress.
Version: 1.0.15
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rados-plants
*/


:root{--ivory:#f7f6f0;--forest:#233d2b;--muted:#64705f;--line:#d9ddcf;--sage:#e7eadf;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
@font-face{font-family:'Source Sans Pro';src:url('assets/fonts/source-sans-pro-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root:root *{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
:root:root body{margin:0;background:var(--ivory);color:var(--forest);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
:root:root body .wp-site-blocks{padding:0}
:root:root body .wp-site-blocks>*{margin-block-start:0}
:root:root a{color:inherit;text-decoration:none;text-underline-offset:5px}
:root:root a:hover{text-decoration:underline}
:root:root a:focus-visible,:root:root button:focus-visible{outline:2px solid #8b663f;outline-offset:6px}
:root:root img{display:block;width:100%;height:auto}
:root:root figure,:root:root p,:root:root h1,:root:root h2,:root:root h3{margin:0}
:root:root h1,:root:root h2,:root:root h3{font-family:var(--serif);font-weight:400}
:root:root em{font-weight:400}
:root:root button{font:inherit}
:root:root .shell{width:calc(100% - 112px);max-width:1320px;margin-inline:auto!important}
:root:root .site-header{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);background:var(--ivory);position:relative;z-index:20}
:root:root .brand{display:flex;align-items:center;gap:15px;flex-shrink:0}
:root:root .brand-logo{width:300px;max-width:100%}
:root:root .site-header .brand-logo{width:240px}
:root:root .brand-logo a{display:block}
:root:root .brand-logo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
:root:root .main-nav,:root:root .main-nav .wp-block-navigation__container{display:flex;align-items:center;gap:32px}
:root:root .main-nav{font-family:'Source Sans Pro',Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:.04em;color:#000}
:root:root .main-nav a{white-space:nowrap;color:#000}
:root:root .main-nav a:hover{color:#000;text-decoration:none}
:root:root .main-nav a::after{content:'';height:1px;background:currentColor;display:block;transform:scaleX(0);transform-origin:left;transition:transform .2s}
:root:root .main-nav a:hover::after{transform:scaleX(1)}
:root:root .nav-toggle{display:none;background:none;border:1px solid var(--line);padding:7px 12px;color:var(--forest);cursor:pointer}
:root:root .hero{display:grid;grid-template-columns:1fr 1.08fr;gap:6%;padding-top:40px;padding-bottom:48px;align-items:stretch}
:root:root .hero-copy{padding-top:39px;display:flex;flex-direction:column;align-items:flex-start}
:root:root .eyebrow{font-family:var(--sans);font-size:10px;line-height:1.7;letter-spacing:2.2px;font-weight:600}
:root:root .hero-title{font-size:clamp(57px,calc(6.7vw - 3px),91px);line-height:1.06;letter-spacing:-3.5px;margin-top:30px;margin-bottom:28px}
:root:root .hero-title em{color:#768060}
:root:root .hero-description{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:31px}
:root:root .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
:root:root .wp-block-button__link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--forest);border-radius:0;background:var(--forest);color:var(--ivory);font-family:var(--sans);font-size:12px;line-height:1.5;font-weight:400;padding:18px 23px;text-decoration:none;transition:background .2s,color .2s}
:root:root .wp-block-button__link:hover{background:#40543a;color:white;text-decoration:none}
:root:root .wp-block-button__link span{font-size:19px;line-height:1}
:root:root .hero-note{margin-top:auto;padding-top:52px;display:flex;align-items:center;gap:13px;font-size:10px;color:var(--muted)}
:root:root .hero-note::before{content:'';width:31px;height:37px;display:block;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48' fill='none' stroke='%236a795a' stroke-width='1.1'%3E%3Cpath d='M19 44C19 25 20 16 29 5M20 29C5 29 4 20 4 15c11 0 16 5 16 14ZM23 19C23 7 31 3 37 3c0 9-3 15-14 16ZM19 38c10 0 15-6 16-12-9-1-15 4-16 12Z'/%3E%3C/svg%3E")}
:root:root .hero-visual{position:relative;min-height:550px}
:root:root .hero-photo{width:100%;height:100%}
:root:root .hero-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 55%;max-height:640px}
:root:root .image-tag{position:absolute;bottom:25px;left:25px;background:var(--ivory);padding:19px 23px;min-width:210px;box-shadow:0 4px 24px #1223150a}
:root:root .image-label{font-size:9px;line-height:1.65;letter-spacing:1.6px;font-weight:600}
:root:root .image-caption{font-size:10px;color:var(--muted);margin-top:8px}
:root:root .intro{display:grid;grid-template-columns:1fr 1.2fr 1.1fr;gap:36px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:49px}
:root:root .intro .eyebrow{max-width:160px}
:root:root .intro-title{font-size:35px;line-height:1.18;letter-spacing:-.8px}
:root:root .intro-text{font-size:12px;line-height:1.9;color:var(--muted);max-width:320px}
:root:root .split-section{display:grid;grid-template-columns:1.08fr 1fr;gap:10%;padding-block:105px;align-items:center}
:root:root .stores-visual{position:relative}
:root:root .stores-photo{aspect-ratio:1.15;overflow:hidden}
:root:root .stores-photo img{height:100%;object-fit:cover;object-position:65% 50%}
:root:root .photo-caption{font-size:10px;letter-spacing:.3px;margin-top:13px;color:var(--muted)}
:root:root .section-copy h2,:root:root .about h2,:root:root .contact h2{font-size:clamp(36px,3.6vw,51px);line-height:1.15;letter-spacing:-1.2px;margin-top:23px;margin-bottom:24px}
:root:root .section-copy>p:not(.eyebrow):not(.text-link):not(.pending-details){max-width:380px;color:var(--muted);font-size:13px;line-height:1.95}
:root:root .text-link{margin-top:24px;font-size:12px}
:root:root .text-link a{display:inline-flex;align-items:center;gap:30px;padding-bottom:8px;border-bottom:1px solid var(--forest)}
:root:root .text-link a:hover{text-decoration:none;border-color:#899470}
:root:root .text-link span{font-size:20px;line-height:1}
:root:root .pending-details{font-size:11px!important;line-height:1.9;color:var(--muted);max-width:350px;border-left:1px solid #afb89f;padding-left:13px;margin-top:27px}
:root:root .garden-band{background:var(--forest);color:var(--ivory);padding-block:80px}
:root:root .garden-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:10%;align-items:center}
:root:root .garden-copy .eyebrow{color:#c1cbb2}
:root:root .garden-copy h2 em{color:#c1cbb2}
:root:root .garden-copy>p:not(.eyebrow):not(.text-link):not(.pending-details){color:#d2d9ca}
:root:root .garden-copy .wp-block-buttons{margin-top:29px}
:root:root .button-light .wp-block-button__link{color:var(--forest);background:var(--ivory);border-color:var(--ivory)}
:root:root .button-light .wp-block-button__link:hover{background:#dbe2cc;border-color:#dbe2cc}
:root:root .garden-photo{aspect-ratio:.92}
:root:root .garden-photo img{height:100%;object-fit:cover;object-position:44% 50%}
:root:root .garden-detail{border-top:1px solid #ffffff2b;margin-top:34px;padding-top:19px;display:flex;gap:28px;align-items:center;max-width:380px}
:root:root .small-label{font-size:8px;letter-spacing:1.5px;color:#c1cbb2}
:root:root .garden-note{font-family:var(--serif);font-size:19px;line-height:1.4}
:root:root .about{padding-block:102px;display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:45px;align-items:start;border-bottom:1px solid var(--line)}
:root:root .about .eyebrow{margin-top:9px}
:root:root .about h2{font-size:37px;margin:0;line-height:1.2}
:root:root .about-text{font-size:12px;color:var(--muted);line-height:1.95}
:root:root .about-text p+p{margin-top:15px}
:root:root .contact{padding-block:90px;display:grid;grid-template-columns:1.4fr 1fr;gap:15%;align-items:center}
:root:root .contact h2{font-size:56px}
:root:root .contact-copy>p:last-child{font-size:13px;max-width:440px;line-height:1.9;color:var(--muted)}
:root:root .contact-details{border-top:1px solid var(--line);padding-block:27px}
:root:root .contact-details h3{font-size:26px}
:root:root .contact-details .pending-details{margin-top:18px}
:root:root .site-footer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;padding-top:40px;padding-bottom:22px;gap:40px}
:root:root .footer-tagline{font-size:11px;color:var(--muted);margin-top:10px}
:root:root .footer-brand .brand-logo{width:260px}
:root:root .footer-nav{display:flex;justify-content:flex-end;align-items:center;gap:25px;font-family:'Source Sans Pro',Arial,sans-serif;font-size:15px;letter-spacing:.04em;color:#000}
:root:root .footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}
:root:root .back-top a{display:inline-flex;gap:12px}
:root:root .page-content{padding-block:80px;min-height:60vh}
:root:root .page-content h1{font-size:clamp(40px,5vw,70px);margin-bottom:30px}
:root:root .page-content .wp-block-post-content{max-width:760px}
:root:root .archive-entry{padding-block:30px;border-bottom:1px solid var(--line)}
:root:root .skip-link{position:fixed;top:10px;left:10px;z-index:100000;background:var(--forest);color:var(--ivory);padding:10px 16px;transform:translateY(-160%)}
:root:root .skip-link:focus{transform:translateY(0)}
:root:root .wp-block-navigation__responsive-container.is-menu-open{padding:30px;background:var(--ivory)!important;color:#000!important}
:root:root .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:25px;align-items:flex-start}
:root:root .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-size:23px}
:root:root .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:50px;align-items:flex-start}
@media(min-width:1440px){
:root:root .hero{gap:85px}
:root:root .hero-copy{padding-top:50px}}
@media(max-width:1100px){
:root:root .shell{width:calc(100% - 72px)}
:root:root .main-nav,:root:root .main-nav .wp-block-navigation__container{gap:21px}
:root:root .main-nav{font-size:16px}
:root:root .hero{gap:35px}
:root:root .hero-title{font-size:73px}
:root:root .hero-visual{min-height:540px}
:root:root .hero-description{font-size:13px}
:root:root .intro{gap:25px}
:root:root .intro-title{font-size:31px}
:root:root .split-section,:root:root .garden-layout{gap:7%}
:root:root .about{gap:28px}
:root:root .about h2{font-size:32px}
:root:root .footer-nav{gap:17px}
:root:root .contact{gap:10%}}
@media(max-width:900px){
:root:root .site-header{min-height:90px}
:root:root .nav-toggle{display:block}
:root:root .preview-nav{display:none;position:absolute;left:0;right:0;top:89px;background:var(--ivory);padding:24px;border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:22px;font-size:15px}
:root:root .preview-nav.is-open{display:flex}
:root:root .main-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
:root:root .main-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
:root:root .hero{gap:30px;padding-top:30px}
:root:root .hero-title{font-size:61px;letter-spacing:-2.5px}
:root:root .hero-copy{padding-top:25px}
:root:root .hero-visual{min-height:500px}
:root:root .hero-description br{display:none}
:root:root .hero-description{max-width:260px}
:root:root .wp-block-button__link{gap:17px;padding:16px;font-size:11px}
:root:root .hero-note{font-size:9px;padding-top:35px}
:root:root .image-tag{left:16px;bottom:16px;min-width:0;padding:16px}
:root:root .intro{grid-template-columns:1fr 1.4fr}
:root:root .intro .eyebrow{grid-column:1/-1;max-width:none}
:root:root .intro-title{font-size:34px}
:root:root .intro-text{max-width:none}
:root:root .split-section{padding-block:70px}
:root:root .section-copy h2{font-size:37px}
:root:root .garden-band{padding-block:60px}
:root:root .garden-layout{gap:6%}
:root:root .garden-photo{aspect-ratio:.7}
:root:root .about{grid-template-columns:1fr 1fr;padding-block:70px}
:root:root .about .eyebrow{grid-column:1/-1}
:root:root .contact{padding-block:70px;gap:8%}
:root:root .contact h2{font-size:45px}
:root:root .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}}
@media(max-width:640px){
:root:root .shell{width:calc(100% - 40px)}
:root:root .site-header{min-height:83px}
:root:root .site-header .brand-logo{width:min(180px,42vw)}
:root:root .preview-nav{top:82px}
:root:root .hero{grid-template-columns:1fr;padding-top:30px;gap:33px;padding-bottom:35px}
:root:root .hero-copy{padding-top:0}
:root:root .hero .eyebrow{font-size:9px}
:root:root .hero-title{font-size:clamp(49px,calc(18vw - 3px),69px);line-height:1.02;margin-top:23px;margin-bottom:23px;letter-spacing:-3px}
:root:root .hero-description{font-size:14px;max-width:290px;margin-bottom:24px}
:root:root .hero-description br{display:initial}
:root:root .hero .wp-block-button__link{padding:16px 20px;font-size:12px;gap:30px}
:root:root .hero-note{display:none}
:root:root .hero-visual{min-height:0;height:400px}
:root:root .hero-photo img{height:400px;object-position:50% 56%}
:root:root .image-tag{left:16px;bottom:16px}
:root:root .image-label{font-size:8px}
:root:root .image-caption{font-size:9px}
:root:root .intro{padding-block:34px;grid-template-columns:1fr;gap:22px}
:root:root .intro-title{font-size:37px}
:root:root .intro-title br{display:none}
:root:root .intro-text{font-size:13px}
:root:root .split-section{grid-template-columns:1fr;gap:32px;padding-block:55px}
:root:root .stores-photo{aspect-ratio:1.2}
:root:root .section-copy h2{font-size:40px;margin-top:19px;margin-bottom:20px}
:root:root .section-copy>p:not(.eyebrow):not(.text-link):not(.pending-details){font-size:13px}
:root:root .pending-details{font-size:10px!important}
:root:root .garden-band{padding-block:50px}
:root:root .garden-layout{grid-template-columns:1fr;gap:34px}
:root:root .garden-copy h2{font-size:40px}
:root:root .garden-photo{aspect-ratio:1.05}
:root:root .garden-detail{margin-top:30px}
:root:root .about{grid-template-columns:1fr;gap:23px;padding-block:55px}
:root:root .about .eyebrow{margin-top:0}
:root:root .about h2{font-size:39px}
:root:root .about-text{font-size:13px}
:root:root .contact{grid-template-columns:1fr;gap:33px;padding-block:55px}
:root:root .contact h2{font-size:46px;margin-top:20px}
:root:root .contact-details{padding-bottom:0}
:root:root .contact-details h3{font-size:25px}
:root:root .site-footer{grid-template-columns:1fr;gap:28px;padding-top:31px}
:root:root .footer-nav{justify-content:flex-start;font-size:16px}
:root:root .footer-bottom{flex-direction:column;gap:12px;font-size:9px}
:root:root .eyebrow{font-size:9px}
:root:root .page-content{padding-block:50px}}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
:root:root *,:root:root *::before,:root:root *::after{transition:none!important}}

:root:root .service-page>.wp-block-image{margin-block:28px;aspect-ratio:16/10;overflow:hidden}
:root:root .service-page>.wp-block-image img{height:100%;object-fit:cover}

/* Let the editable Stores page use the theme's full content width. */
:root:root body.page-id-14 .page-content .wp-block-post-content,
:root:root body.page-id-14 .page-content .wp-block-post-content>.elementor{max-width:none}

/* A quieter heading for the Stores page. */
:root:root body.page-id-14 .page-content h1.wp-block-post-title{font-size:clamp(36px,4vw,56px)}

/* Center the logo independently of the mobile menu button. */
@media(max-width:900px){
:root:root .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0}
:root:root .site-header>.brand{grid-column:2;justify-self:center}
:root:root .site-header>.main-nav{grid-column:3;justify-self:end}
}
/* Consistent Stores CTAs and graphic arrows on desktop and phones. */
:root:root body.page-id-14 a.elementor-button[href*="google.com/maps/dir/"]{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;color:var(--forest);-webkit-text-fill-color:currentColor;background-color:transparent}
:root:root body.page-id-14 a.elementor-button[href*="google.com/maps/dir/"] .elementor-button-content-wrapper{align-items:center;gap:10px}
:root:root body.page-id-14 a.elementor-button[href*="google.com/maps/dir/"] .elementor-button-content-wrapper::after{content:"";display:inline-block;flex:0 0 16px;width:16px;height:16px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M4 16 16 4M4 4h12v12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M4 16 16 4M4 4h12v12'/%3E%3C/svg%3E") center/contain no-repeat}
:root:root body.page-id-14 .elementor-heading-title a[href^="tel:"]{color:#000;-webkit-text-fill-color:currentColor;font-family:inherit}

/* About page: match the Stores heading and give native Elementor room. */
:root:root body.page-id-16 .page-content h1.wp-block-post-title{font-size:clamp(36px,4vw,56px)}
:root:root body.page-id-16 .page-content .wp-block-post-content,
:root:root body.page-id-16 .page-content .wp-block-post-content>.elementor{max-width:none}

/* Mobile-only refinements for the Stores page. */
@media(max-width:767px){
:root:root body.page-id-14 .page-content h1.wp-block-post-title{font-size:34px}
:root:root body.page-id-14 .rp-store-location{font-weight:700}
}

/* Greek advice journal and article typography. */
:root:root .rp-blog h1,:root:root .single-post .page-content>h1{font-size:clamp(36px,4vw,56px);line-height:1.2}
:root:root .rp-blog-intro h1{margin:0}
:root:root .rp-blog-description{margin-top:18px;max-width:650px;color:var(--muted);font-size:16px;line-height:1.8}
:root:root .rp-blog-query{margin-top:48px}
:root:root .rp-blog-empty{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:48px;background:var(--sage)}
:root:root .rp-blog-empty-copy h2{font-size:40px;line-height:1.15;letter-spacing:-1px;margin:18px 0 22px}
:root:root .rp-blog-empty-copy>p:not(.eyebrow):not(.text-link){color:var(--muted);font-size:15px;line-height:1.9;max-width:430px}
:root:root .rp-blog-empty-image{height:350px;margin:0}
:root:root .rp-blog-empty-image img{width:100%;height:100%;object-fit:cover}
:root:root .rp-blog .rp-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;list-style:none;padding:0}
:root:root .rp-blog-card{border-bottom:1px solid var(--line);padding-bottom:30px}
:root:root .rp-blog-card .wp-block-post-featured-image{margin:0 0 22px}
:root:root .rp-blog-date{color:var(--muted);font-size:12px;margin:0 0 12px}
:root:root .rp-blog-card .wp-block-post-title{font-size:32px;line-height:1.25;margin:0 0 16px}
:root:root .rp-blog-card .wp-block-post-excerpt{color:var(--muted);font-size:15px;line-height:1.85}
:root:root .rp-blog-read-more{display:inline-block;font-size:13px;border-bottom:1px solid var(--forest);padding-bottom:6px;margin-top:20px}
:root:root .rp-blog .wp-block-query-pagination{margin-top:40px;font-size:14px}
:root:root .single-post .wp-block-post-content>*+*{margin-block-start:24px}
:root:root .single-post .wp-block-post-content h2{font-size:32px;line-height:1.3}
:root:root .single-post .wp-block-post-content h3{font-size:26px;line-height:1.35}
:root:root .single-post .rp-article-image{max-width:760px;margin:28px 0}
:root:root .single-post .rp-article-back{margin-top:40px;font-size:14px}
@media(max-width:1024px){
:root:root .rp-blog-empty{padding:32px;gap:32px}
:root:root .rp-blog-empty-copy h2{font-size:34px}
}
@media(max-width:767px){
:root:root .rp-blog h1{font-size:34px}
:root:root .rp-blog-description{font-size:15px}
:root:root .rp-blog-query{margin-top:32px}
:root:root .rp-blog-empty{grid-template-columns:1fr;gap:28px;padding:28px 24px}
:root:root .rp-blog-empty-copy h2{font-size:31px}
:root:root .rp-blog-empty-copy .eyebrow{font-size:8px;letter-spacing:1.5px}
:root:root .rp-blog-empty-image{height:250px}
:root:root .rp-blog .rp-blog-grid{grid-template-columns:1fr;gap:36px}
:root:root .rp-blog-card .wp-block-post-title{font-size:28px}
}

/* Stores title: 5px smaller on desktop, preserving tablet and mobile sizes. */
@media(min-width:1025px){:root:root body.page-id-14 .page-content h1.wp-block-post-title{font-size:clamp(31px,calc(4vw - 5px),51px)}}