/*
 Theme Name:     BROFI Child
 Theme URI:      https://www.brofi.eu
 Description:    Brofi Child Theme of Divi
 Author:         Jan Brokes
 Author URI:     https://www.brofi.eu
 Template:       Divi
 Version:        1.0.0
  License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* ==========================================================
   Brofi redesign 2026
   Jen to, co Divi 5 neumí nastavit v builderu.
   ========================================================== */
:root{--b-violet:#6741D9;--b-red:#C92A2A;--b-orange:#E8590C;--b-yellow:#FAB005;--b-ink:#1A1620;--b-muted:#55555C}

/* Písma lokálně (variabilní woff2: Inter 400-700, Manrope 600-800) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/wp-content/uploads/2026/11/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/wp-content/uploads/2026/11/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;src:url(/wp-content/uploads/2026/11/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;src:url(/wp-content/uploads/2026/11/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
body{font-family:'Inter',Helvetica,Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:'Manrope',Helvetica,Arial,sans-serif}

/* Tmavé sekce: kovová šedá */
.brofi-metal{background-image:linear-gradient(135deg,#34373D 0%,#23262A 45%,#2E3136 100%)!important}

/* Hero: záře a tečkovaná textura za kurzorem (pozici nastavuje JS ve functions.php) */
.brofi-hero{position:relative;overflow:hidden}
.brofi-hero::before,.brofi-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.brofi-hero::before{background:radial-gradient(560px circle at var(--mx,72%) var(--my,30%),rgba(103,65,217,.42),rgba(201,42,42,.2) 40%,rgba(232,89,12,.08) 60%,transparent 72%)}
.brofi-hero::after{background-image:radial-gradient(rgba(255,255,255,.22) 1.2px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(260px circle at var(--mx,72%) var(--my,30%),#000,transparent);mask-image:radial-gradient(260px circle at var(--mx,72%) var(--my,30%),#000,transparent)}
.brofi-hero>.et_pb_row{position:relative;z-index:1}

/* Drobné textové prvky */
.brofi-eyebrow{font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:1.5px}
.brofi-orange{color:#FFA94D}.brofi-violet{color:#B197FC}
.brofi-stars{color:#F5A623;letter-spacing:2px}
.brofi-stat{display:block;font-family:Manrope,sans-serif;font-weight:800;font-size:44px;line-height:1.15}
.brofi-more{font-weight:600;color:var(--b-violet)}

/* Tlačítka: vedle sebe, stejná velikost v klidu i při hoveru */
.et_flex_column:has(>.et_pb_button_module_wrapper .brofi-btn-primary){flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;column-gap:16px}
.et_flex_column:has(>.et_pb_button_module_wrapper .brofi-btn-primary)>*:not(.et_pb_button_module_wrapper){flex-basis:100%}
body #page-container .et_pb_section .et_pb_button.brofi-btn-primary,body #page-container .et_pb_section .et_pb_button.brofi-btn-ghost{padding:14px 28px!important;line-height:1.3!important;border-radius:8px!important;transition:background-position .45s ease,background-color .2s,color .2s!important}
body #page-container .et_pb_section .et_pb_button.brofi-btn-primary{border:0!important;background-image:linear-gradient(90deg,#6741D9,#C92A2A,#E8590C,#C92A2A,#6741D9)!important;background-size:250% 100%!important;background-position:0 0!important}
body #page-container .et_pb_section .et_pb_button.brofi-btn-primary:hover{background-position:100% 0!important;padding:14px 28px!important}
body #page-container .et_pb_section .et_pb_button.brofi-btn-ghost{border:1px solid #6B6E75!important;background:transparent!important}
body #page-container .et_pb_section .et_pb_button.brofi-btn-ghost:hover{background:#ffffff!important;color:#1A1620!important;border-color:#ffffff!important;padding:14px 28px!important}
.brofi-hero h1{padding-bottom:24px}

/* Služby: ikony a štítky */
.brofi-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:14px;margin-bottom:20px}
.brofi-chips{display:flex;flex-wrap:wrap;gap:8px}
.brofi-chip{padding:8px 14px;border-radius:999px;font-size:15px;line-height:1.3}
.brofi-chip-v{background:#F3F0FF;color:#5F3DC4}.brofi-chip-v:hover{background:#E5DBFF}
.brofi-chip-o{background:#FFF4E6;color:#B03D0A}.brofi-chip-o:hover{background:#FFE8CC}

/* Spolupráce: čísla kroků */
.brofi-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;font-family:Manrope,sans-serif;font-weight:800;margin-bottom:12px}

/* Realizace: náhled webu */
.brofi-shot-link{display:flex;flex-direction:column;gap:4px;color:var(--b-ink)}
.brofi-shot{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#EDE7FF;margin-bottom:10px}
.brofi-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}
.brofi-shot-link:hover img{transform:scale(1.03)}
.brofi-cat{font-size:14px;color:var(--b-muted)}
.brofi-ref-title{font-family:Manrope,sans-serif;font-weight:700;font-size:20px}

/* Recenze: názvy klientů */
.brofi-logos{display:flex;flex-wrap:wrap;gap:16px 40px;font-family:Manrope,sans-serif;font-weight:700;font-size:18px;color:var(--b-muted)}

/* Ceny */
.brofi-price{width:100%;border:1px solid #E4E4E7!important;border-radius:14px;border-collapse:separate;border-spacing:0;margin:8px 0 16px}
.brofi-price td{padding:18px 24px!important;border:0!important;border-top:1px solid #E4E4E7!important}
.brofi-price tr:first-child td{border-top:0!important}
.brofi-price td:last-child{text-align:right}

/* Linka nad poptávkou */
.brofi-cta{border-top:3px solid;border-image:linear-gradient(90deg,#6741D9,#C92A2A,#E8590C,#FAB005) 1}