/* Shutterfly Site Styles – βήμα 1: κανόνες για όλο το site */
:root{
--sfs-ivory:#F7F5F1; --sfs-ink:#1A1917; --sfs-muted:#5B554B;
--sfs-sand:#7A5F3C; --sfs-sand-light:#C9B48F; --sfs-panel:#E6E1D8; --sfs-night:#14120F;
--sfs-serif:'EB Garamond',Georgia,serif; --sfs-sans:'Inter',system-ui,sans-serif;
}
/* 1. Γραμματοσειρές: serif για τίτλους, Inter για κείμενο (το μενού μένει όπως είναι) */
#page-container h1,#page-container h2,#page-container h3,#page-container h4{
font-family:var(--sfs-serif);font-weight:400;
}
#page-container .et_pb_text,#page-container .et_pb_text p,#page-container .et_pb_blurb_description,
#page-container .et_pb_contact_form,#page-container input,#page-container textarea,#page-container select{
font-family:var(--sfs-sans);
}
body{font-size:16px;line-height:1.7}
/* 2. Κουμπιά Divi: ίσια, μινιμαλ */
#page-container .et_pb_button{
font-family:var(--sfs-sans);border-radius:2px;letter-spacing:.04em;
}
/* 3. Φόρμες (Divi contact form + συνηθισμένα plugins φορμών + κλάση sfs-form) */
.sfs-form input[type=text],.sfs-form input[type=email],.sfs-form input[type=tel],.sfs-form input[type=date],
.sfs-form input[type=number],.sfs-form select,.sfs-form textarea,
.et_pb_contact_form input[type=text],.et_pb_contact_form input[type=email],.et_pb_contact_form textarea,
.wpcf7-form input:not([type=submit]),.wpcf7-form textarea,.wpcf7-form select,
.wpforms-container input:not([type=submit]):not([type=checkbox]):not([type=radio]),.wpforms-container textarea,.wpforms-container select,
.fluentform input:not([type=submit]):not([type=checkbox]):not([type=radio]),.fluentform textarea,.fluentform select{
width:100%;max-width:100%;box-sizing:border-box;padding:14px;font-size:16px;line-height:1.4;
color:var(--sfs-ink);background:#fff;border:1px solid #CFC8BB;border-radius:2px;
}
.sfs-form input:focus,.sfs-form textarea:focus,.sfs-form select:focus,
.et_pb_contact_form input:focus,.et_pb_contact_form textarea:focus,
.wpcf7-form input:focus,.wpcf7-form textarea:focus,.wpforms-container input:focus,.wpforms-container textarea:focus,
.fluentform input:focus,.fluentform textarea:focus{
outline:2px solid var(--sfs-sand);outline-offset:1px;
}
.sfs-form label,.et_pb_contact_form label,.wpcf7-form label,.wpforms-container label,.fluentform label{
font-family:var(--sfs-sans);font-size:.85rem;color:var(--sfs-muted);letter-spacing:.02em;
}
.sfs-form button[type=submit],.sfs-form input[type=submit],
.et_pb_contact_form button.et_pb_button,
.wpcf7-form input[type=submit],.wpforms-container button[type=submit],.fluentform button[type=submit]{
background:var(--sfs-ink);color:var(--sfs-ivory);border:1px solid var(--sfs-ink);border-radius:2px;
padding:14px 30px;font-family:var(--sfs-sans);font-size:.9rem;letter-spacing:.04em;cursor:pointer;
}
.sfs-form button[type=submit]:hover,.sfs-form input[type=submit]:hover,
.wpcf7-form input[type=submit]:hover,.wpforms-container button[type=submit]:hover,.fluentform button[type=submit]:hover{
background:var(--sfs-sand);border-color:var(--sfs-sand);color:#fff;
}
/* 4. Footer: ενεργός σύνδεσμος στο ίδιο accent αντί για μπλε */
#et-footer-nav .bottom-nav li.current-menu-item>a,
#et-footer-nav .bottom-nav li.current-menu-item>a:hover,
#footer-bottom .bottom-nav li.current-menu-item>a,
#main-footer #footer-widgets .menu li.current-menu-item>a{color:var(--sfs-sand-light)!important}
#footer-bottom a:hover{color:var(--sfs-sand-light)}
/* 5. Social εικονίδια: ίδια μονόχρωμα (όχι μπλε/ροζ) */
.et_pb_social_media_follow li a.icon{
background-color:transparent!important;border:1px solid currentColor;color:inherit!important;
opacity:.85;
}
.et_pb_social_media_follow li a.icon:hover{opacity:1;color:var(--sfs-sand-light)!important}
.et_pb_social_media_follow li a.icon::before{color:inherit!important}
/* 6. Σύνδεσμοι στο περιεχόμενο */
#main-content .et_pb_text a{color:var(--sfs-sand)}
/* 7. Αρχική και γενικά blocks: βοηθητικές κλάσεις.
Μπαίνουν στο "CSS Class" του section / row / module (Advanced → CSS ID & Classes). */
.sfs-sec{padding-top:56px!important;padding-bottom:56px!important}
@media (min-width:900px){.sfs-sec{padding-top:96px!important;padding-bottom:96px!important}}
/* Hero: section με φωτογραφία φόντου. Κείμενο κάτω αριστερά πάνω σε απαλό σκούρο gradient. */
.sfs-hero{position:relative;min-height:84vh;padding-top:clamp(240px,46vh,520px)!important;padding-bottom:0!important;overflow:hidden}
@supports (height:1svh){.sfs-hero{min-height:84svh;padding-top:clamp(240px,46svh,520px)!important}}
.sfs-hero::before{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(to top,rgba(20,18,15,.68) 0%,rgba(20,18,15,.18) 48%,rgba(20,18,15,0) 72%)}
.sfs-hero>.et_pb_row{position:relative;z-index:2;padding-top:0!important;padding-bottom:44px!important}
.sfs-hero h1,.sfs-hero p,.sfs-hero .et_pb_text_inner{color:#fff!important}
.sfs-hero h1{font-size:clamp(2.1rem,7vw,4rem)!important;line-height:1.08!important;margin:0 0 .35em!important;padding:0!important}
.sfs-hero p{font-family:var(--sfs-sans);font-size:1rem;line-height:1.6;max-width:560px}
.sfs-hero .sfs-note{font-size:.8rem;opacity:.85;margin-top:18px}
@media (max-width:599px){.sfs-hero .sfs-note{display:none}.sfs-hero{padding-top:clamp(90px,16svh,160px)!important;min-height:92svh}}
/* Μενού κινητού: μόνο το hamburger, χωρίς το γκρι κουτί "Select Page" */
@media (max-width:980px){
#et_mobile_nav_menu .mobile_nav{background:transparent!important;padding:0!important}
#et_mobile_nav_menu .select_page{display:none!important}
#et_mobile_nav_menu .mobile_menu_bar:before{color:var(--sfs-ink)!important}
#main-header .et_mobile_menu{border-top:1px solid var(--sfs-panel)!important;box-shadow:0 12px 24px rgba(20,18,15,.08)}
#main-header .et_mobile_menu li a{font-family:var(--sfs-serif);letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;padding:14px 5%}
}
/* Σήμα Wedaward: κλάση sfs-badge στο Image module. Λευκό, μικρό, πάνω δεξιά. */
.sfs-badge{max-width:88px!important;margin-left:auto!important;margin-right:0!important}
.sfs-badge img{filter:brightness(0) invert(1);opacity:.92}
@media (min-width:600px){.sfs-badge{max-width:120px!important}}
/* Κείμενα */
.sfs-eyebrow{font-family:var(--sfs-sans);font-size:.75rem!important;letter-spacing:.16em;text-transform:uppercase;color:var(--sfs-sand);margin:0 0 .8em}
.sfs-hero .sfs-eyebrow{color:#E6D9C2!important}
.sfs-lead{font-family:var(--sfs-serif)!important;font-size:1.3rem!important;line-height:1.5!important}
.sfs-statement{max-width:820px;margin:0 auto;text-align:center;font-family:var(--sfs-serif)!important;font-size:clamp(1.4rem,4vw,2rem)!important;line-height:1.4!important}
#page-container a.sfs-more-link{display:inline-block;margin-top:36px;font-family:var(--sfs-sans);font-size:.85rem;letter-spacing:.04em;color:var(--sfs-sand)}
.sfs-places{font-family:var(--sfs-serif)!important;font-size:clamp(1.3rem,3.6vw,1.9rem)!important;line-height:1.5!important;text-align:center;letter-spacing:.04em}
/* Σκούρο section (Films, τελικό CTA) */
.sfs-dark{background:var(--sfs-night)!important}
.sfs-dark h1,.sfs-dark h2,.sfs-dark h3,.sfs-dark p,.sfs-dark .et_pb_text_inner,.sfs-dark .et_pb_text_inner p{color:#EDE8DF!important}
#page-container .sfs-dark a.sfs-more-link,.sfs-dark .sfs-eyebrow{color:var(--sfs-sand-light)!important}
.sfs-panel{background:var(--sfs-panel)!important}
.sfs-center{text-align:center}
/* Κουμπιά σε απλά links: Text μέσα σε */
.sfs-actions{display:flex;flex-direction:column;gap:12px;margin:24px 0 0!important;padding:0!important}
.sfs-actions-center{align-items:stretch}
#page-container a.sfs-b{display:block;text-align:center;padding:14px 30px;border:1px solid var(--sfs-ink);border-radius:2px;
background:var(--sfs-ink);color:var(--sfs-ivory)!important;font-family:var(--sfs-sans);font-size:.9rem;letter-spacing:.04em;line-height:1.4;text-decoration:none}
#page-container a.sfs-b:hover{background:var(--sfs-sand);border-color:var(--sfs-sand);color:#fff!important}
#page-container a.sfs-b-line{background:transparent;color:var(--sfs-ink)!important}
#page-container a.sfs-b-light{background:var(--sfs-ivory);border-color:var(--sfs-ivory);color:var(--sfs-ink)!important}
#page-container a.sfs-b-light:hover{background:#fff;border-color:#fff;color:var(--sfs-ink)!important}
#page-container a.sfs-b-line-light{background:transparent;border-color:rgba(255,255,255,.75);color:#fff!important}
#page-container a.sfs-b-line-light:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff!important}
@media (min-width:600px){
.sfs-actions{flex-direction:row;flex-wrap:wrap;gap:14px}
.sfs-actions-center{justify-content:center}
#page-container a.sfs-b{display:inline-block}
}