/*
Theme Name: MF FOTO&VIDEO
Theme URI: https://mffotovideo.nl
Author: MF FOTO&VIDEO
Description: Licht en professioneel WordPress-thema voor fotografie, videografie en persfotografie.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mf-foto-video
*/

:root{--blue:#0875d1;--blue-dark:#045ca8;--ink:#0b1220;--muted:#687487;--line:#dce5ee;--soft:#f4f9fe;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:88px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #e8edf2;box-shadow:0 2px 16px #102a4310;position:relative;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.site-logo img{width:220px;max-height:72px;object-fit:contain;object-position:left}.site-logo-text{font-size:22px;font-weight:900}.main-nav ul{display:flex;gap:27px;align-items:center;list-style:none;margin:0;padding:0}.main-nav a{font-size:14px;font-weight:750}.main-nav a:hover,.current-menu-item>a{color:var(--blue)}.menu-toggle{display:none;border:0;background:var(--blue);color:#fff;border-radius:8px;padding:9px 12px;font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border:1px solid var(--blue);border-radius:11px;background:var(--blue);color:#fff;font-weight:800;box-shadow:0 9px 22px #0875d12c;transition:.2s}.btn:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn-light{background:#fff;color:var(--ink);border-color:#cfd9e4;box-shadow:none}
.hero{background:linear-gradient(120deg,#fff 0%,#f4f9ff 68%,#eef7ff 100%);padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.label{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 12px;border-radius:999px;background:#e5f2ff;color:#075c9f;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:900}.label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue)}h1,h2,h3{line-height:1.12;margin-top:0}h1{font-size:clamp(48px,5.6vw,78px);letter-spacing:-.045em;margin-bottom:22px}h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.035em}.lead{font-size:18px;color:var(--muted);max-width:650px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.hero-photo{position:relative;height:470px;border-radius:28px;overflow:hidden;box-shadow:0 24px 55px #164e7a24;background:#dceeff}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:76% center}.photo-caption{position:absolute;left:20px;bottom:20px;padding:9px 14px;border-radius:9px;background:#09111dd8;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em}
.partners{padding:32px 0;border-block:1px solid var(--line)}.partner-inner{display:flex;align-items:center;gap:45px}.partners p{margin:0;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.partner-list{display:flex;justify-content:space-around;align-items:center;gap:26px;flex:1;flex-wrap:wrap}.partner-list strong{font-size:18px;color:#3b4654}
.section{padding:95px 0}.section-soft{background:var(--soft)}.section-blue{background:#0d3151;color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:44px}.section-head p{max-width:470px;color:var(--muted);margin:0}.section-blue .section-head p{color:#c5d6e5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:31px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 40px #17324d0b}.card-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#e8f4ff;font-size:24px}.card h3{font-size:25px;margin:25px 0 10px}.card p{color:var(--muted);font-size:14px}.card-link{color:var(--blue);font-weight:800}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{min-height:270px;border-radius:18px;overflow:hidden;position:relative;background:#dce8f2}.gallery-card:first-child{grid-column:span 2;grid-row:span 2}.gallery-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.gallery-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:23px;color:#fff;background:linear-gradient(transparent 40%,#071420df)}.gallery-overlay small{font-weight:800;text-transform:uppercase;letter-spacing:.1em}.gallery-overlay h3{font-size:24px;margin:6px 0 0}
.about-grid,.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.about-photo{border-radius:25px;overflow:hidden;box-shadow:0 24px 55px #17324d1c}.about-photo img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;object-position:75% center}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:30px}.fact{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.fact strong,.fact span{display:block}.fact span{font-size:11px;color:var(--muted);margin-top:4px}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price{padding:34px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column}.price.featured{border:2px solid var(--blue);box-shadow:0 17px 40px #0875d11a}.price .type{color:var(--blue);font-size:12px;font-weight:900}.price h3{font-size:33px;margin:14px 0 22px}.price ul{list-style:none;padding:0;color:var(--muted);font-size:13px;line-height:2.2}.price .btn{margin-top:auto}
.contact-copy p{color:#c5d6e5}.contact-copy a{color:#7fc7ff;font-weight:800}.contact-form{padding:38px;background:#fff;border-radius:20px;color:var(--ink);box-shadow:0 24px 55px #03121f40}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;margin-bottom:18px;color:#536276;font-size:11px;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;border:1px solid #d7e0e9;border-radius:9px;padding:12px 13px;outline:none}.contact-form textarea{resize:vertical}.notice{padding:13px 15px;margin-bottom:20px;border-radius:9px;background:#e8f7ec;color:#276a38}.notice.error{background:#ffeded;color:#932c2c}
.site-footer{background:#08243c;color:#c6d4e0;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.site-footer h3{color:#fff}.site-footer ul{list-style:none;padding:0}.site-footer a:hover{color:#fff}.copyright{border-top:1px solid #ffffff19;margin-top:35px;padding-top:22px;font-size:11px}
.content-area{padding:80px 0;min-height:55vh}.content-area article{max-width:850px}.content-area h1{font-size:48px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{border:1px solid var(--line);border-radius:15px;overflow:hidden}.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.post-card-body{padding:22px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.main-nav{display:none}.main-nav.open{display:block;position:absolute;top:88px;left:0;right:0;background:#fff;padding:20px 24px;border-bottom:1px solid var(--line)}.main-nav.open ul{display:block}.main-nav.open li{margin:12px 0}.menu-toggle{display:block}.header-cta{display:none}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-photo{height:420px}.cards,.prices{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery-card:first-child{grid-column:span 2;grid-row:auto}.section-head{display:block}.section-head>p{margin-top:18px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(100% - 36px,1180px)}.site-header{height:76px}.site-logo img{width:185px}.main-nav.open{top:76px}.hero,.section{padding:65px 0}.hero-photo{height:300px;border-radius:18px}.actions{display:grid}.actions .btn{width:100%}.partner-inner{display:block;text-align:center}.partner-list{margin-top:20px}.gallery{grid-template-columns:1fr}.gallery-card:first-child{grid-column:auto}.facts,.form-row{grid-template-columns:1fr}.contact-form{padding:25px 20px}.post-grid{grid-template-columns:1fr}}