/* Riyadh Kitchens: premium interactive six-color cabinet finishes */
body.home #rk-color-selector{background:linear-gradient(150deg,#f7fbff,#edf5fd 55%,#fff)!important;border:1px solid #c6dced!important;border-radius:25px!important;box-shadow:0 12px 35px rgba(7,53,104,.08)!important}
body.home #rk-color-selector .rk-color-cols{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:22px}
body.home #rk-color-selector .rk-door-preview{--finish:#ece7df;--grain:none;--reflect:rgba(255,255,255,.16);position:relative;isolation:isolate;min-height:360px!important;overflow:hidden;align-items:center;justify-content:center;padding:40px 23px 25px!important;background:radial-gradient(ellipse at 50% 65%,rgba(8,67,125,.16),transparent 67%),linear-gradient(160deg,#f7fbff,#dceaf6)!important;border:1px solid #b6d3eb!important;border-radius:22px!important}
body.home #rk-color-selector .rk-door-preview::before{content:"";position:absolute;inset:0;background:linear-gradient(132deg,rgba(255,255,255,.78),transparent 32%,rgba(1,62,129,.04) 78%);pointer-events:none}
body.home #rk-color-selector .rk-door-set{position:relative;z-index:1;direction:ltr;display:flex!important;gap:3px!important;width:min(96%,570px)!important;max-width:none!important;padding:12px 10px 20px;border-radius:5px 6px 10px 6px;background:linear-gradient(135deg,#eef0f0,#b5c3cb 58%,#e9eef3);box-shadow:0 23px 23px -12px rgba(15,43,72,.3),inset 0 3px 4px rgba(255,255,255,.9),0 1px 0 #fff;transform:perspective(800px) rotateY(-5deg);transition:transform .45s ease}
body.home #rk-color-selector .rk-door{height:clamp(145px,19vw,205px)!important;background:var(--grain),linear-gradient(107deg,rgba(255,255,255,.21),transparent 26%,rgba(0,0,0,.10) 98%),var(--finish)!important;background-size:cover!important;border:1px solid rgba(47,60,67,.22)!important;border-bottom:4px solid rgba(40,51,62,.17)!important;border-radius:2px!important;box-shadow:inset 2px 2px 2px rgba(255,255,255,.45),inset -3px 0 4px rgba(0,0,0,.10),0 0 1px rgba(5,37,79,.2)!important;transition:background-color .35s ease}
body.home #rk-color-selector .rk-door:after{content:"";right:9px!important;top:42%!important;width:5px!important;height:33px!important;background:linear-gradient(90deg,#83909b,#fff 42%,#667789)!important;border:1px solid #708397;box-shadow:2px 3px 4px rgba(0,0,0,.27);border-radius:4px}
body.home #rk-color-selector:has(input[value="ivory"]:checked) .rk-door-preview{--finish:#f1eee7}
body.home #rk-color-selector:has(input[value="beige"]:checked) .rk-door-preview{--finish:#cbb9aa}
body.home #rk-color-selector:has(input[value="olive"]:checked) .rk-door-preview{--finish:#818979}
body.home #rk-color-selector:has(input[value="blue"]:checked) .rk-door-preview{--finish:#203e62}
body.home #rk-color-selector:has(input[value="charcoal"]:checked) .rk-door-preview{--finish:#414449}
body.home #rk-color-selector:has(input[value="oak"]:checked) .rk-door-preview{--finish:#bb895c;--grain:repeating-linear-gradient(93deg,rgba(63,36,17,.13) 0px,rgba(226,184,123,.06) 4px,rgba(84,42,15,.10) 6px,transparent 12px)}
body.home #rk-color-selector .rk-color-choices{border:1px solid #c9ddee!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(255,255,255,.95),rgba(238,247,254,.85))!important;box-shadow:0 9px 22px rgba(7,53,104,.065)!important}
body.home #rk-color-selector legend{text-align:center;color:#093f7b!important;font-size:clamp(17px,2vw,21px)!important}
body.home #rk-color-selector .rk-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body.home #rk-color-selector .rk-swatch{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:8px!important;min-height:122px;border:1px solid #c5d9ea!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#edf5fd)!important;color:#183f63!important;box-shadow:0 5px 14px rgba(4,49,103,.065);font-size:13px!important;padding:10px 5px!important;transition:transform .22s,border-color .22s,box-shadow .22s}
body.home #rk-color-selector .rk-swatch input{position:absolute;opacity:0;width:1px;height:1px}
body.home #rk-color-selector .rk-swatch .rk-chip{order:-1;width:68px!important;height:68px!important;border-radius:50%!important;border:4px solid #e8f1fa!important;outline:2px solid #aabccb!important;background:radial-gradient(circle at 25% 21%,rgba(255,255,255,.36),transparent 49%),var(--c)!important;box-shadow:inset -7px -8px 12px rgba(0,0,0,.20),inset 5px 6px 7px rgba(255,255,255,.25),0 5px 11px rgba(11,48,84,.19)!important}
body.home #rk-color-selector .rk-swatch:has(input[value="oak"]) .rk-chip{background:repeating-linear-gradient(102deg,transparent 0 5px,rgba(68,31,12,.22) 6px,transparent 10px),radial-gradient(circle at 25% 22%,#e4b989,#a46e43)!important}
body.home #rk-color-selector .rk-swatch:has(input:checked){padding:10px 5px!important;border:2px solid #0057b8!important;box-shadow:0 0 0 3px #d2e5f8,0 9px 16px rgba(7,67,131,.14)!important;background:#f3f9ff!important}
body.home #rk-color-selector .rk-swatch:has(input:checked) .rk-chip{outline:2px solid #0057b8!important}
body.home #rk-color-selector .rk-swatch:focus-within{outline:3px solid #7eb3eb!important;outline-offset:3px}
@media(hover:hover){body.home #rk-color-selector .rk-swatch:hover{transform:translateY(-4px);box-shadow:0 11px 19px rgba(4,49,103,.13)!important}}
@media(max-width:840px){body.home #rk-color-selector .rk-color-cols{grid-template-columns:1fr}body.home #rk-color-selector .rk-door-preview{min-height:255px!important}body.home #rk-color-selector .rk-door{height:155px!important}}
@media(max-width:540px){body.home #rk-color-selector{padding:18px 12px!important}body.home #rk-color-selector .rk-door-preview{min-height:215px!important;padding:18px 10px!important}body.home #rk-color-selector .rk-door-set{width:95%!important;padding:7px 7px 13px}body.home #rk-color-selector .rk-door{height:135px!important}body.home #rk-color-selector .rk-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body.home #rk-color-selector .rk-swatch{min-height:105px;padding:7px 3px!important;font-size:12px!important}body.home #rk-color-selector .rk-swatch .rk-chip{width:55px!important;height:55px!important}}
@media(max-width:355px){body.home #rk-color-selector .rk-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Price factors: illustration-ready glass cards */
body.home #rk-price-factors{background:linear-gradient(145deg,#f9fcff,#ecf5ff)!important;border-color:#c3ddf3!important;border-radius:23px!important}
body.home #rk-price-factors .rk-factors-grid{gap:14px}
body.home #rk-price-factors .rk-factor{border:1px solid #c7dcec!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,rgba(235,246,255,.84))!important;box-shadow:0 8px 22px rgba(7,45,93,.075),inset 0 2px rgba(255,255,255,.9);padding:24px 16px!important;transition:transform .25s,box-shadow .25s}
body.home #rk-price-factors .rk-factor strong{font-size:clamp(16px,1.5vw,19px)!important;color:#124b76!important}
@media(hover:hover){body.home #rk-price-factors .rk-factor:hover{transform:translateY(-6px);box-shadow:0 15px 32px rgba(6,48,99,.15)}}

/* REAL CUTOUT CABINETS: replaces cartoon preview using six uploaded color-specific visuals */
body.home #rk-color-selector .rk-door-preview.rk-photo-preview{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;min-height:330px!important;padding:20px 15px!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 80%,rgba(46,110,176,.12),transparent 63%),linear-gradient(160deg,#fafdff,#e7f2fc)!important}
body.home #rk-color-selector .rk-door-preview .rk-cabinet-photo{position:relative;z-index:2;width:min(100%,650px);height:clamp(185px,25vw,295px);background:url('https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-3d-ivory-2026.png') center / contain no-repeat;filter:drop-shadow(0 15px 13px rgba(8,39,75,.15));transition:opacity .22s ease,filter .28s ease}
body.home #rk-color-selector:has(input[value="beige"]:checked) .rk-cabinet-photo{background-image:url('https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-3d-beige-2026.png')}
body.home #rk-color-selector:has(input[value="olive"]:checked) .rk-cabinet-photo{background-image:url('https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-3d-olive-2026.png')}
body.home #rk-color-selector:has(input[value="blue"]:checked) .rk-cabinet-photo{background-image:url('https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-3d-blue-2026.png')}
body.home #rk-color-selector:has(input[value="charcoal"]:checked) .rk-cabinet-photo{background-image:url('https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-3d-charcoal-2026.png')}
body.home #rk-color-selector:has(input[value="oak"]:checked) .rk-cabinet-photo{background-image:url('https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-3d-oak-2026.png')}
body.home #rk-color-selector .rk-door-preview .rk-photo-label{position:relative;z-index:2;color:#18496e!important;font-size:12px!important;font-weight:700!important;margin-top:2px}
body.home #rk-color-selector .rk-swatch .rk-chip{width:70px!important;height:70px!important;border:0!important;border-radius:50%!important;outline:none!important;background-image:url('https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-3d-swatches-2026.png')!important;background-size:300% 200%!important;background-repeat:no-repeat!important;background-color:transparent!important;box-shadow:none!important}
body.home #rk-color-selector .rk-swatch:has(input[value="beige"]) .rk-chip{background-position:0% 0%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="ivory"]) .rk-chip{background-position:50% 0%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="blue"]) .rk-chip{background-position:100% 0%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="olive"]) .rk-chip{background-position:0% 100%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="oak"]) .rk-chip{background-position:50% 100%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="charcoal"]) .rk-chip{background-position:100% 100%!important}
body.home #rk-color-selector .rk-swatch:has(input:checked) .rk-chip{filter:drop-shadow(0 0 3px #1870c6)}
body.home #rk-color-selector #rk-color-title{position:relative;isolation:isolate;max-width:max-content;padding:16px 42px!important;margin:0 auto 12px!important;color:#073b70!important}
body.home #rk-color-selector #rk-color-title:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background:url('https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-3d-brush-2026.png') center/100% 100% no-repeat;pointer-events:none}
body.home #rk-price-factors .rk-factor{display:flex;flex-direction:column;align-items:center;min-height:265px;text-align:center;justify-content:flex-start}
body.home #rk-price-factors .rk-factor .rk-factor-cutout{width:clamp(98px,11vw,145px)!important;height:clamp(98px,11vw,145px)!important;object-fit:contain!important;display:block!important;margin:0 auto 12px!important;border:0!important;background:none!important;box-shadow:none!important;filter:drop-shadow(0 9px 9px rgba(8,47,94,.11))}
body.home #rk-price-factors .rk-factor strong{margin:0 0 8px!important}
body.home #rk-price-factors .rk-factor p{line-height:1.8!important;margin:0!important}
@media(max-width:650px){body.home #rk-color-selector .rk-door-preview.rk-photo-preview{min-height:220px!important;padding:13px 8px!important}body.home #rk-color-selector .rk-door-preview .rk-cabinet-photo{height:clamp(150px,45vw,220px)}body.home #rk-color-selector .rk-swatch .rk-chip{width:57px!important;height:57px!important}body.home #rk-color-selector #rk-color-title{padding:12px 24px!important}body.home #rk-price-factors .rk-factor{min-height:220px!important;padding:17px 12px!important}body.home #rk-price-factors .rk-factor .rk-factor-cutout{width:110px!important;height:110px!important}}
@media(prefers-reduced-motion:reduce){body.home #rk-color-selector .rk-cabinet-photo{transition:none!important}}