/*
Theme Name: Csernák AI Audit
Theme URI: https://csernaklevente.hu/
Author: Csernák Levente
Description: Modern, conversion-focused Full Site Editing WordPress theme for AI audit and consulting services. Gutenberg drag-and-drop ready and WooCommerce compatible.
Version: 1.3.1
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: csernak-ai
Tags: full-site-editing, block-patterns, e-commerce, portfolio, business, accessibility-ready
*/

html { scroll-behavior: smooth; }
body { text-wrap: pretty; }
a { text-underline-offset: .18em; }
:focus-visible { outline: 3px solid var(--wp--preset--color--cyan); outline-offset: 3px; }

.wp-site-blocks { overflow: clip; }
.csernak-glass { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.csernak-card { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.csernak-card:hover { transform: translateY(-4px); border-color: rgba(45,212,191,.55)!important; box-shadow: 0 22px 70px rgba(2,8,23,.26); }
.csernak-button .wp-block-button__link { transition: transform .2s ease, box-shadow .2s ease; }
.csernak-button .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(45,212,191,.24); }
.csernak-kicker { letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
.csernak-gradient-text { background: linear-gradient(90deg,#ffffff 0%,#67e8f9 48%,#2dd4bf 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.csernak-metric { font-variant-numeric: tabular-nums; }
.csernak-sticky-cta { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 80; width: min(92vw,760px); }
@media (min-width: 782px) { .csernak-sticky-cta { display:none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }


/* v1.1 stable block layouts */
.csernak-section{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.csernak-hero{padding-top:clamp(72px,9vw,140px);padding-bottom:clamp(72px,9vw,140px);border-radius:0 0 28px 28px}
.csernak-card{padding:30px;border:1px solid var(--wp--preset--color--line);border-radius:22px;height:100%;box-sizing:border-box}
.csernak-card-featured{border:2px solid var(--wp--preset--color--teal)}
.csernak-contact-box{padding:clamp(28px,5vw,52px);border:1px solid var(--wp--preset--color--line);border-radius:28px}
.csernak-portrait{border-radius:24px;overflow:hidden;min-height:460px;background:linear-gradient(145deg,#10253f,#0b1b31);display:flex;align-items:center;justify-content:center;text-align:center;color:#a9b8ca;padding:32px}
.csernak-process-step{padding:24px;border-top:3px solid var(--wp--preset--color--teal)}
.csernak-faq-item{padding:22px;border:1px solid #dbe5ef;border-radius:16px;background:#fff}
.csernak-footer{padding-top:56px;padding-bottom:28px;border-top:1px solid var(--wp--preset--color--line)}
@media(max-width:781px){.csernak-card,.csernak-process-step{height:auto}.csernak-hero{border-radius:0 0 20px 20px}}

.csernak-header{padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--wp--preset--color--line)}


/* v1.2 product implementation */
.csernak-product-row{margin-top:28px;margin-bottom:54px;align-items:stretch}
.csernak-product-card{display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.csernak-product-card .wp-block-buttons{margin-top:auto}
.csernak-price{font-variant-numeric:tabular-nums;margin-top:4px;margin-bottom:4px}
.csernak-check-list{padding-left:1.25rem}
.csernak-check-list li{margin-bottom:.55rem}
.csernak-check-list li::marker{color:var(--wp--preset--color--teal)}
.csernak-card-featured::before{content:"AJÁNLOTT KONZULTÁCIÓVAL";position:absolute;right:-48px;top:22px;transform:rotate(35deg);background:var(--wp--preset--color--teal);color:var(--wp--preset--color--ink);font-size:.67rem;font-weight:900;letter-spacing:.08em;padding:7px 52px}
.csernak-security-card{box-shadow:0 26px 80px rgba(2,8,23,.34)}
.woocommerce ul.products li.product,.woocommerce div.product{color:var(--wp--preset--color--ink)}
.woocommerce ul.products li.product{background:#fff;border-radius:20px;padding:20px;border:1px solid #dbe5ef}
.woocommerce div.product .price,.woocommerce ul.products li.product .price{color:#087f72;font-weight:800}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:#2dd4bf;color:#07111f;border-radius:999px;font-weight:800;padding:14px 22px}
@media(max-width:781px){.csernak-product-row{margin-bottom:32px}.csernak-card-featured::before{font-size:.58rem;right:-58px}}


/* v1.3 WooCommerce contrast and product presentation */
body.woocommerce,
body.woocommerce-page,
body.woocommerce div.product,
body.woocommerce-page div.product,
body.woocommerce .woocommerce-breadcrumb,
body.woocommerce-page .woocommerce-breadcrumb,
body.woocommerce .woocommerce-product-details__short-description,
body.woocommerce-page .woocommerce-product-details__short-description,
body.woocommerce .product_meta,
body.woocommerce-page .product_meta,
body.woocommerce .woocommerce-tabs,
body.woocommerce-page .woocommerce-tabs,
body.woocommerce .related.products,
body.woocommerce-page .related.products {
  color: var(--wp--preset--color--white) !important;
}

.woocommerce div.product .product_title,
.woocommerce-page div.product .product_title,
.woocommerce div.product h1,
.woocommerce div.product h2,
.woocommerce div.product h3,
.woocommerce-page div.product h1,
.woocommerce-page div.product h2,
.woocommerce-page div.product h3,
.woocommerce div.product p,
.woocommerce-page div.product p,
.woocommerce div.product li,
.woocommerce-page div.product li,
.woocommerce div.product label,
.woocommerce-page div.product label,
.woocommerce div.product .stock,
.woocommerce-page div.product .stock,
.woocommerce div.product .woocommerce-product-rating,
.woocommerce-page div.product .woocommerce-product-rating {
  color: var(--wp--preset--color--white) !important;
}

.woocommerce div.product .price,
.woocommerce-page div.product .price,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price {
  color: var(--wp--preset--color--teal) !important;
  font-size: clamp(1.5rem,2.5vw,2.2rem);
  font-weight: 900;
}

.woocommerce div.product .summary,
.woocommerce-page div.product .summary {
  background: rgba(16,37,63,.78);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 24px;
  padding: clamp(22px,3vw,38px);
}

.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img {
  border-radius: 22px;
  background: #fff;
}

.woocommerce div.product form.cart,
.woocommerce-page div.product form.cart {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 24px;
}

.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty,
.woocommerce input.input-text,
.woocommerce-page input.input-text,
.woocommerce textarea,
.woocommerce-page textarea,
.woocommerce select,
.woocommerce-page select {
  background: #fff !important;
  color: #07111f !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 10px !important;
  min-height: 46px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background: var(--wp--preset--color--panel) !important;
  border-color: var(--wp--preset--color--line) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  color: var(--wp--preset--color--white) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
  background: #12324f !important;
}
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
  background: rgba(16,37,63,.55);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 20px;
  padding: 28px;
}

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a,
.woocommerce .product_meta a,
.woocommerce-page .product_meta a {
  color: var(--wp--preset--color--cyan) !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: #fff !important;
  color: #07111f !important;
  border-radius: 14px;
}

/* v1.3 AI Brief blog */
.aibrief-hero {
  background: linear-gradient(135deg,#07111f 0%,#0b1b31 55%,#073b4c 100%);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 28px;
  overflow: hidden;
}
.aibrief-grid .wp-block-post {
  background: #10253f;
  border: 1px solid #28405c;
  border-radius: 22px;
  overflow: hidden;
  transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.aibrief-grid .wp-block-post:hover {
  transform: translateY(-4px);
  border-color: rgba(45,212,191,.65);
  box-shadow: 0 22px 60px rgba(2,8,23,.3);
}
.aibrief-grid .wp-block-post-featured-image img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
}
.aibrief-card-content { padding: 24px; }
.aibrief-grid .wp-block-post-title a { color: #f8fafc; text-decoration: none; }
.aibrief-grid .wp-block-post-title a:hover { color: #67e8f9; }
.aibrief-grid .wp-block-post-excerpt { color: #a9b8ca; }
.aibrief-grid .wp-block-post-date,
.aibrief-grid .taxonomy-category { color: #67e8f9; font-size: .82rem; font-weight: 700; }
.aibrief-newsletter {
  background: linear-gradient(135deg,#10253f,#073b4c);
  border: 1px solid rgba(45,212,191,.4);
  border-radius: 26px;
}
.aibrief-article-header { max-width: 980px; margin-inline: auto; }
.aibrief-article-content { max-width: 820px; margin-inline: auto; }
.aibrief-article-content p,
.aibrief-article-content li { font-size: clamp(1.05rem,1.5vw,1.18rem); line-height: 1.82; }
.aibrief-article-content h2 { margin-top: 2.4em; }
.aibrief-article-content blockquote {
  border-left: 4px solid var(--wp--preset--color--teal);
  background: #10253f;
  padding: 20px 24px;
  border-radius: 0 14px 14px 0;
}
.aibrief-author-box {
  background: #10253f;
  border: 1px solid #28405c;
  border-radius: 22px;
}
.wp-block-query-pagination { margin-top: 42px; }
.wp-block-query-pagination a,
.wp-block-query-pagination span { color: #f8fafc; }
@media(max-width:781px){
  .woocommerce div.product .summary,.woocommerce-page div.product .summary{padding:22px}
  .aibrief-card-content{padding:20px}
}