/*
Theme Name: CEOX
Theme URI: https://ceox.pl
Author: CEOX
Author URI: https://ceox.pl
Description: Premium WordPress child theme for CEOX built with Kadence.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Template: kadence
Text Domain: ceox
*/

:root{
  /* Colors */
  --ceox-primary:#173F6D;
  --ceox-accent:#F28C28;
  --ceox-background:#FFFFFF;
  --ceox-surface:#F5F7FA;
  --ceox-text:#1F2937;
  --ceox-text-light:#6B7280;
  --ceox-border:#E5E7EB;

  /* Layout */
  --ceox-container:1280px;

  /* Spacing */
  --space-xs:12px;
  --space-sm:24px;
  --space-md:48px;
  --space-lg:80px;
  --space-xl:120px;

  /* Radius */
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:24px;

  /* Shadows */
  --shadow-sm:0 8px 20px rgba(15,23,42,.06);
  --shadow-md:0 18px 50px rgba(15,23,42,.10);
  --shadow-lg:0 30px 80px rgba(15,23,42,.16);

  /* Motion */
  --transition:.35s ease;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
background:var(--ceox-background);
color:var(--ceox-text);
font-family:"Montserrat",Arial,sans-serif;
font-size:18px;
line-height:1.7;
-webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;transition:all var(--ceox-transition);}
h1,h2,h3,h4,h5,h6{margin:0 0 .6em;color:var(--ceox-primary);line-height:1.15;}
h1{font-size:72px;font-weight:800;}
h2{font-size:48px;font-weight:700;}
h3{font-size:32px;font-weight:700;}
p{margin:0 0 1.4rem;}

.ceox-container{
width:100%;
max-width:var(--ceox-container);
margin-left:auto;
margin-right:auto;
padding-inline:24px;
}

.wp-element-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:56px;
padding:0 32px;
border-radius:10px;
font-weight:700;
transition:all var(--ceox-transition);
}

::selection{
background:var(--ceox-accent);
color:#fff;
}

@media (max-width:1024px){
body{font-size:17px;}
h1{font-size:56px;}
h2{font-size:42px;}
.ceox-container{padding-inline:20px;}
}

@media (max-width:768px){
body{font-size:16px;}
h1{font-size:42px;}
h2{font-size:34px;}
h3{font-size:24px;}
.wp-element-button{width:100%;}
}

@media (prefers-reduced-motion:reduce){
*{
animation:none!important;
transition:none!important;
scroll-behavior:auto!important;
}
}
/* =========================================
   GLOBAL SECTIONS
========================================= */

section,
.wp-block-group{
    position:relative;
}

.ceox-section{
    padding:120px 0;
}

.ceox-section--light{
    background:#fff;
}

.ceox-section--gray{
    background:#F7F9FC;
}

.ceox-section--dark{
    background:#173F6D;
    color:#fff;
}
/* =====================================================
   CEOX PREMIUM DESIGN SYSTEM v1.0
===================================================== */


.wp-block-group{
    position:relative;
}

.wp-block-columns{
    gap:48px;
}

.wp-block-button__link{
    transition:all var(--transition);
}

.wp-block-button__link:hover{
    transform:translateY(-2px);
}

img{
    border-radius:18px;
}
/* =====================================================
   CEOX DESIGN SYSTEM v1
===================================================== */

/* Jednolity kontener */

/* Wszystkie główne sekcje */
.ceox-services,
.ceox-process,
.ceox-results,
.ceox-about,
.ceox-cta,
.ceox-contact{
    padding-block:120px;
}

/* Nagłówki sekcji */

.ceox-section-title{
    max-width:900px;
    margin:18px auto 24px;
    text-align:center;
    font-size:clamp(42px,4vw,60px);
    line-height:1.1;
    letter-spacing:-.03em;
}

.ceox-section-description{
    max-width:760px;
    margin:0 auto 72px;
    text-align:center;
    font-size:20px;
    line-height:1.8;
    color:var(--ceox-text-light);
}

/* Karty */

.ceox-card{
    background:#fff;
    border:1px solid #E8EDF3;
    border-radius:24px;
    box-shadow:0 12px 36px rgba(15,23,42,.05);
    
}

.ceox-card:hover{
    transform:translateY(-8px);
    box-shadow:0 28px 60px rgba(15,23,42,.12);
}
/* PREMIUM ACCENT */

.ceox-services__card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:6px;

    height:0;

    background:#F28C28;

    transition:height .35s ease;

}

.ceox-services__card:hover::before{

    height:100%;

}

.ceox-services__icon{

    width:74px;
    height:74px;

    border-radius:22px;

    background:#F8FAFC;


}

.ceox-services__card:hover .ceox-services__icon{

    background:#173F6D;
    color:#fff;

    transform:rotate(-6deg) scale(1.08);

}

.ceox-services__card-title{

    margin-top:10px;

    margin-bottom:24px;

}

.ceox-services__card-description{

    flex:1;

}