/*
Theme Name: Fluidity Studio 2026
Theme URI: https://fluiditystudio.com/
Author: Fluidity Studio
Description: Custom 2026 Fluidity Studio WordPress theme. Built to preserve the existing Fluidity Studio content model while modernizing presentation and native editing.
Version: 1.2.6
Text Domain: fluidity2026
*/


/* v1.2.5 service-detail, editable web page, and form polish */
.fs-service-detail-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:64px;align-items:start}
.fs-service-detail-panel{background:#fff;border:1px solid #dde4ea;border-radius:10px;padding:32px;box-shadow:0 14px 35px rgba(9,30,55,.07)}
.fs-check-list{list-style:none;margin:24px 0 0;padding:0}.fs-check-list li{position:relative;padding:8px 0 8px 28px}.fs-check-list li:before{content:'✓';position:absolute;left:0;top:8px;color:var(--orange);font-weight:800}
.gform_wrapper .gform_button,.gform_wrapper input[type=submit],.gform_wrapper button[type=submit]{background:linear-gradient(135deg,var(--orange2),var(--orange))!important;color:#fff!important;border:2px solid transparent!important;border-radius:5px!important;padding:15px 27px!important;font-weight:800!important;letter-spacing:.01em!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease!important}
.gform_wrapper .gform_button:hover,.gform_wrapper input[type=submit]:hover,.gform_wrapper button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(215,86,28,.25)!important}
@media(max-width:800px){.fs-service-detail-split{grid-template-columns:1fr;gap:28px}}


/* Web Design & Development editable service page */
.fs-process--web{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.fs-web-bridge{margin-top:24px}
.fs-web-bridge .fs-text-link{display:inline-block;margin-top:8px}
@media(max-width:980px){.fs-process--web{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fs-process--web{grid-template-columns:1fr}}


/* v1.2.6 Web Design layout polish */
.fs-web-bridge .fs-button{margin-top:12px;white-space:nowrap}
.fs-process--web{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.fs-process--web:before{left:10%;right:10%}
.fs-process--web h3{font-size:14px}
.fs-process--web p{font-size:14px;line-height:1.5}
.fs-cta__inner>div{min-width:0}
.fs-cta .fs-button{white-space:nowrap;flex:0 0 auto}
@media(max-width:980px){
  .fs-process--web{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
  .fs-process--web:before{display:none}
}
@media(max-width:600px){.fs-process--web{grid-template-columns:1fr}}