/*
Theme Name: Canikli Mimarlık
Theme URI: https://www.restorasyon.info/
Author: Canikli Mimarlık
Author URI: https://www.restorasyon.info/
Description: Rölöve, restitüsyon ve restorasyon projeleri için hazırlanmış mimarlık portfolyo teması.
Version: 1.6.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: canikli-mimarlik
*/

:root { --ink:#171813; --paper:#f1eee7; --copper:#a2633f; --line:rgba(23,24,19,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.shell { width:min(100% - 80px,1440px); margin-inline:auto; }

.hero { height:clamp(580px,46vw,680px); min-height:580px; position:relative; overflow:hidden; color:#fff; background:#272822; }
.hero-mosaic { position:absolute; inset:0; display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); grid-template-rows:repeat(8,minmax(0,1fr)); grid-auto-flow:column; gap:0; }
.hero-mosaic-tile { position:relative; min-width:0; min-height:0; overflow:hidden; grid-row:span var(--span-desktop); background:#24251f; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); }
.hero-mosaic-building { width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; filter:saturate(.9) contrast(1.02) brightness(.98); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,12,9,.36),rgba(11,12,9,.09) 58%,rgba(11,12,9,.03)),linear-gradient(0deg,rgba(10,10,8,.12),rgba(10,10,8,0) 55%); }
.site-header { height:112px; position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.28); }
.brand { display:flex; align-items:center; gap:13px; font-weight:700; letter-spacing:.12em; }
.brand-mark { width:45px; height:45px; display:grid; place-items:center; border:1px solid; border-radius:50%; font:400 27px Georgia,serif; }
.brand-name { font-size:12px; line-height:1.25; }
.site-header .brand-name { font-size:16px; line-height:1.2; letter-spacing:.16em; }
.primary-menu ul { list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:clamp(10px,1.2vw,18px); font-size:15px; font-weight:700; letter-spacing:.04em; white-space:nowrap; }
.primary-menu li { position:relative; }
.primary-menu a { display:block; padding:12px 18px; border:1px solid rgba(255,255,255,.78); border-radius:999px; color:#fff; background:rgba(16,17,14,.32); backdrop-filter:blur(7px); transition:background .25s,color .25s,border-color .25s; }
.primary-menu a:hover,.primary-menu a:focus-visible { color:var(--ink); background:#fff; border-color:#fff; }
.primary-menu .sub-menu { position:absolute; z-index:8; top:calc(100% + 10px); left:0; display:none; min-width:240px; padding:10px; gap:6px; border:1px solid rgba(255,255,255,.45); border-radius:18px; background:rgba(23,24,19,.94); }
.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu { display:grid; }
.primary-menu .sub-menu a { border:0; border-radius:12px; }
.hero-content { position:relative; z-index:2; height:calc(100% - 112px); display:flex; flex-direction:column; justify-content:center; padding-bottom:60px; }
.eyebrow,.section-index { text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:700; }
.eyebrow { margin:0 0 38px; color:rgba(255,255,255,.74); }
.hero h1 { margin:0; max-width:1240px; color:#fff; font:400 clamp(58px,6.6vw,104px)/.93 Georgia,serif; letter-spacing:-.045em; }
.hero h1 em { font-weight:400; color:#d2b398; }
.hero-footer { margin-top:68px; display:flex; align-items:flex-end; gap:90px; }
.hero-footer p { margin:0; max-width:460px; color:rgba(255,255,255,.78); font-size:16px; line-height:1.65; }
.round-link { width:58px; height:58px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.6); border-radius:50%; font-size:23px; transition:.25s; }
.round-link:hover { background:#fff; color:var(--ink); transform:translateY(4px); }
.section-index { color:#6d6a61; padding-top:10px; }
.section-heading h2,.contact h2 { margin:0; font:400 clamp(48px,5.4vw,86px)/1.06 Georgia,serif; letter-spacing:-.038em; }

.projects { padding:100px 0 0; }
.section-heading { display:grid; grid-template-columns:1fr 2.2fr .8fr; align-items:end; margin-bottom:90px; }
.section-heading h2 { font-size:clamp(46px,4.8vw,76px); }
.project-heading { grid-template-columns:1fr auto; margin-bottom:55px; }
.project-heading .section-index { padding-top:0; color:var(--ink); font-size:17px; }
.project-heading>p { margin:0 0 8px; max-width:320px; color:#6d6a61; font-size:14px; line-height:1.65; }
.project-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:24px; row-gap:62px; align-items:start; }
.project-card { min-width:0; }
.project-card-link { display:block; }
.project-image { display:block; position:relative; overflow:hidden; aspect-ratio:1/1; background:#d3cec3; }
.project-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.78); transition:transform .65s,filter .4s; }
.project-card:hover img { transform:scale(1.035); filter:saturate(.95); }
.project-info { display:block; padding-top:20px; }
.project-info h3 { margin:0 0 10px; font:400 clamp(23px,1.8vw,31px)/1.12 Georgia,serif; }
.project-info p,.project-info span { color:#6d6a61; font-size:9px; text-transform:uppercase; letter-spacing:.13em; line-height:1.55; }
.project-info p { margin:0 0 5px; }
.project-info span { display:block; color:#9a6550; }
.projects-cta { margin-top:92px; min-height:128px; padding:30px 34px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); display:grid; grid-template-columns:1.2fr 2fr auto; align-items:center; gap:30px; transition:background .25s,color .25s; }
.projects-cta:hover { background:var(--ink); color:var(--paper); }
.projects-cta span { color:#6d6a61; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }
.projects-cta:hover span { color:#b7b2a8; }
.projects-cta strong { font:400 clamp(22px,2.2vw,34px)/1.15 Georgia,serif; letter-spacing:-.02em; }
.projects-cta b { font-size:27px; font-weight:400; }

.expertise { padding:0 0 70px; }
.expertise-layout { display:grid; grid-template-columns:minmax(190px,.75fr) 2.25fr; gap:70px; align-items:start; padding-top:44px; }
.expertise-title { padding-top:6px; color:var(--ink); font-size:17px; }
.expertise-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:80px; }
.expertise-columns ul { margin:0; padding:0; list-style:none; }
.expertise-columns li { position:relative; min-height:54px; padding:0 0 22px 30px; color:#555951; font-size:20px; font-weight:600; line-height:1.4; }
.expertise-columns li::before { content:"•"; position:absolute; left:0; top:-1px; color:#b18f67; font-size:24px; line-height:1; }

.contact { background:var(--copper); color:#fff; }
.contact-inner { padding:52px 0 0; }
.contact .section-index { margin-bottom:18px; padding-top:0; color:#fff; font-size:17px; }
.contact-grid { display:grid; grid-template-columns:1.2fr .95fr .9fr; border-top:1px solid rgba(255,255,255,.52); border-bottom:1px solid rgba(255,255,255,.42); }
.contact-block { min-height:240px; padding:28px 30px; }
.contact-address { padding-left:0; }
.contact-block>span,.contact-detail>span { display:block; margin-bottom:18px; color:rgba(255,255,255,.68); font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.contact-block p,.contact-block a,.contact-detail a { margin:0; color:#fff; font:400 clamp(18px,1.7vw,25px)/1.45 Georgia,serif; }
.contact-map { position:relative; min-height:240px; overflow:hidden; border-left:1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.3); background:#875132; }
.contact-map iframe { width:100%; height:100%; min-height:240px; display:block; border:0; filter:saturate(.72) contrast(.96); }
.map-link { position:absolute; right:16px; bottom:16px; padding:12px 16px; border-radius:999px; background:#fff; color:var(--ink); font-size:11px; font-weight:700; letter-spacing:.1em; }
.contact-details { display:flex; flex-direction:column; justify-content:center; gap:38px; }
.contact-detail>span { margin-bottom:10px; }
.contact-footer { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.contact-footer .brand-name { font-size:13px; }
.contact-footer p { margin:0; color:rgba(255,255,255,.7); font-size:10px; text-transform:uppercase; letter-spacing:.12em; }

.content-shell { width:min(100% - 80px,1040px); margin-inline:auto; padding:90px 0 120px; }
.content-header { margin-bottom:48px; padding-bottom:30px; border-bottom:1px solid var(--line); }
.content-header h1 { margin:0; font:400 clamp(44px,5vw,76px)/1.05 Georgia,serif; letter-spacing:-.035em; }
.content-meta { margin-top:18px; color:#80614e; font-size:11px; text-transform:uppercase; letter-spacing:.14em; }
.entry-content { font-size:17px; line-height:1.8; }
.entry-content h2,.entry-content h3 { font-family:Georgia,serif; font-weight:400; line-height:1.2; }
.entry-content img { height:auto; margin:34px auto; }
.archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:52px 24px; }
.archive-grid .project-info h3 { font-size:27px; }
.project-listing-page { background:var(--paper); }
.project-page-head { padding:78px 0 58px; border-bottom:1px solid var(--line); }
.project-page-head .section-index { margin-bottom:24px; padding-top:0; color:#8f6249; }
.project-page-head h1 { max-width:1080px; margin:0; font:400 clamp(48px,6vw,88px)/.98 Georgia,serif; letter-spacing:-.042em; }
.project-page-head p { max-width:700px; margin:30px 0 0; color:#65675f; font-size:17px; line-height:1.7; }
.project-page-body { padding:70px 0 110px; }
.project-page-grid { row-gap:58px; }
.project-page-count { margin:0 0 34px; color:#6d6a61; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.project-page-empty { padding:50px 0; font:400 24px/1.5 Georgia,serif; }
.about-page { background:var(--paper); }
.about-page-head { padding:78px 0 58px; border-bottom:1px solid var(--line); }
.about-page-head .section-index { margin-bottom:24px; padding-top:0; color:#8f6249; }
.about-page-head h1 { margin:0; font:400 clamp(54px,7vw,96px)/.96 Georgia,serif; letter-spacing:-.045em; }
.about-page-head>p { max-width:820px; margin:30px 0 0; color:#65675f; font:400 clamp(20px,2vw,29px)/1.5 Georgia,serif; }
.about-page-body { padding:76px 0 110px; }
.about-intro { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(50px,8vw,130px); align-items:start; }
.about-intro h2 { margin:0; max-width:660px; font:400 clamp(38px,4.4vw,66px)/1.08 Georgia,serif; letter-spacing:-.035em; }
.about-copy { color:#555951; font-size:17px; line-height:1.8; }
.about-copy p { margin:0 0 24px; }
.about-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:78px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.about-services article { min-height:280px; padding:34px 34px 40px; border-right:1px solid var(--line); }
.about-services article:first-child { padding-left:0; }
.about-services article:last-child { padding-right:0; border-right:0; }
.about-services span { color:#9a6550; font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.about-services h3 { margin:52px 0 18px; font:400 clamp(25px,2.4vw,36px)/1.15 Georgia,serif; }
.about-services p { margin:0; color:#65675f; font-size:15px; line-height:1.7; }
.about-closing { display:grid; grid-template-columns:1.45fr auto; gap:50px; align-items:center; padding:58px 0 0; }
.about-closing p { max-width:800px; margin:0; font:400 clamp(22px,2.1vw,31px)/1.45 Georgia,serif; }
.about-closing a { display:flex; align-items:center; gap:28px; padding:18px 22px; border:1px solid var(--ink); border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.09em; }
.about-closing a:hover { background:var(--ink); color:#fff; }
.about-closing b { font-size:20px; font-weight:400; }
.pagination { margin-top:70px; }
.pagination .nav-links { display:flex; flex-wrap:wrap; gap:8px; }
.pagination a,.pagination span { min-width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); }
.pagination .current { background:var(--ink); color:#fff; }
.plain-header { background:#24251f; color:#fff; }
.plain-header .site-header { height:112px; }
.site-main { min-height:55vh; }
.wp-caption { max-width:100%; }
.wp-caption-text { color:#6d6a61; font-size:13px; }
.alignwide { width:min(1200px,100%); margin-left:auto; margin-right:auto; }
.alignfull { width:100vw; margin-left:calc(50% - 50vw); }

@media(max-width:980px){
  .shell{width:min(100% - 42px,1440px)}.site-header{height:auto;min-height:126px;display:grid;grid-template-columns:1fr;align-content:center;gap:14px;padding-block:18px}.primary-menu{width:100%;overflow-x:auto;scrollbar-width:none}.primary-menu::-webkit-scrollbar{display:none}.primary-menu ul{width:max-content;gap:10px;font-size:13px}.primary-menu a{padding:10px 15px}.hero{height:clamp(580px,72vw,650px);min-height:580px}.hero-mosaic{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr))}.hero-mosaic-tile{grid-row:span var(--span-tablet)}.hero-content{height:calc(100% - 126px);padding-bottom:45px}.hero-footer{margin-top:36px}
  .section-heading{grid-template-columns:1fr;gap:36px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 22px}.projects-cta{grid-template-columns:1fr auto}.projects-cta span{grid-column:1/-1}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-page-head{padding:62px 0 46px}.project-page-body{padding:58px 0 90px}.about-page-head{padding:62px 0 46px}.about-page-body{padding:58px 0 90px}.about-intro{grid-template-columns:1fr;gap:38px}.about-services{grid-template-columns:1fr}.about-services article,.about-services article:first-child,.about-services article:last-child{min-height:0;padding:30px 0 34px;border-right:0;border-bottom:1px solid var(--line)}.about-services article:last-child{border-bottom:0}.about-services h3{margin:24px 0 14px}.about-closing{grid-template-columns:1fr;gap:32px}
}
@media(max-width:680px){
  .shell{width:calc(100% - 36px)}.brand-mark{width:39px;height:39px;font-size:23px}.brand-name{font-size:10px}.site-header{min-height:176px;gap:12px}.site-header .brand-name{font-size:13px}.primary-menu{overflow:visible}.primary-menu ul{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:11px;white-space:normal}.primary-menu a{min-height:44px;padding:8px 7px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}.hero{height:clamp(660px,175vw,760px);min-height:660px}.hero-mosaic{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(16,minmax(0,1fr))}.hero-mosaic-tile{grid-row:span var(--span-mobile)}.hero-content{height:calc(100% - 176px)}.hero h1{font-size:clamp(44px,12.5vw,62px);line-height:.96}.eyebrow{margin-bottom:24px;font-size:9px}.hero-footer p{font-size:13px;max-width:86%}.round-link{display:none}
  .projects{padding:80px 0 0}.expertise{padding:0 0 55px}.section-heading{margin-bottom:55px}.project-heading{grid-template-columns:1fr;gap:20px}.project-heading .section-index{font-size:14px}.project-heading>p{margin:0}.project-grid{grid-template-columns:1fr;row-gap:52px}.project-info h3{font-size:28px}.projects-cta{margin-top:66px;padding:26px 20px;gap:16px}.projects-cta strong{font-size:22px}
  .expertise-layout{grid-template-columns:1fr;gap:28px;padding-top:28px}.expertise-title{font-size:14px}.expertise-columns{grid-template-columns:1fr;gap:0}.expertise-columns li{min-height:0;padding-bottom:20px;font-size:17px}.contact-inner{padding-top:38px}.contact .section-index{margin-bottom:14px;font-size:14px}.contact-grid{grid-template-columns:1fr}.contact-block{min-height:0;padding:24px 0 26px}.contact-map{min-height:230px;border-left:0;border-right:0;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.contact-map iframe{min-height:230px}.contact-details{gap:24px}.contact-footer{min-height:155px;align-items:flex-start;justify-content:center;flex-direction:column;gap:16px}.content-shell{width:calc(100% - 36px);padding:64px 0 90px}.archive-grid{grid-template-columns:1fr}.project-page-head{padding:46px 0 38px}.project-page-head h1{font-size:clamp(40px,12vw,58px)}.project-page-head p{margin-top:22px;font-size:16px}.project-page-body{padding:42px 0 70px}.project-page-grid{grid-template-columns:1fr}.about-page-head{padding:46px 0 38px}.about-page-head h1{font-size:clamp(46px,14vw,64px)}.about-page-head>p{margin-top:22px;font-size:19px}.about-page-body{padding:44px 0 72px}.about-intro{gap:30px}.about-intro h2{font-size:clamp(34px,10vw,48px)}.about-copy{font-size:16px}.about-services{margin-top:52px}.about-closing{padding-top:42px}.about-closing a{justify-content:space-between}
  .wp-bottom-menu,.mobile-bottom-bar,.mobile-bottom-nav,.mobile-bottom-navbar,.mobile-footer-nav,.mobile-footer-menu,.footer-mobile-nav,.fixed-bottom-menu,.sticky-mobile-menu,.wd-toolbar,.woodmart-toolbar,.et-mobile-panel-wrapper,.porto-mobile-menu,.porto-mobile-bar{display:none!important}body{padding-bottom:0!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}