/*
Theme Name:   BeTheme Child
Theme URI:    https://abc365.eu
Description:  Child theme dla abc365.eu bazujący na motywie BeTheme
Author:       abc365.eu
Author URI:   https://abc365.eu
Template:     betheme
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  betheme-child
*/

/* ==========================================================================
   Custom Styles dla abc365.eu
   ========================================================================== */

/* 
 * Dodaj tutaj swoje niestandardowe style CSS
 * Wszystkie style z motywu rodzica (betheme) są automatycznie ładowane
 */

/* Przykład: */
/*
body {
    font-family: 'Open Sans', sans-serif;
}
*/

.help-cta {
    margin: 28px 0;
    padding: 22px 24px;
    border: 1px solid #d7e7dd;
    border-left: 5px solid #2f7a4b;
    border-radius: 12px;
    background: linear-gradient(180deg, #f7fbf8 0%, #eef7f1 100%);
}

.help-cta__title {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.help-cta__icon {
    color: #2f7a4b;
}


	.abc365-hero{padding:0;}
	.abc365-slider{position:relative; border-radius:24px; overflow:hidden; isolation:isolate; background:#0b1220;}
	.abc365-slider__track{position:relative;}
	.abc365-slide{position:absolute; inset:0; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .5s ease, transform .5s ease; min-height:520px;}
	.abc365-slide.is-active{position:relative; opacity:1; pointer-events:auto; transform:none;}

	.abc365-slide__bg{position:absolute; inset:-2px; background:
		radial-gradient(1200px 600px at 20% 10%, rgba(90, 210, 255, .22), transparent 60%),
		radial-gradient(900px 500px at 85% 30%, rgba(255, 90, 160, .18), transparent 55%),
		linear-gradient(180deg, #0b1220 0%, #0b1220 45%, #090f1c 100%);
		filter:saturate(1.1);
	}

	.abc365-slide__grid{position:relative; display:grid; grid-template-columns: 1.2fr .8fr; gap:28px; padding:56px 52px; align-items:center;}
	.abc365-slide__content{max-width:720px;}
	.abc365-eyebrow{margin:0 0 10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; font-size:12px; color:rgba(255,255,255,.72);}
	.abc365-title{margin:0 0 14px; font-size:44px; line-height:1.05; color:#fff;}
	.abc365-lead{margin:0 0 22px; font-size:16px; line-height:1.6; color:rgba(255,255,255,.76);}

	.abc365-ctas{display:flex; gap:12px; flex-wrap:wrap; margin:0 0 18px;}
	.abc365-ctas .button{margin:0;}

	.abc365-badges{display:flex; gap:10px; flex-wrap:wrap; list-style:none; padding:0; margin:0 0 16px;}
	.abc365-badge{display:inline-flex; align-items:center; padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.12); font-size:12px; line-height:1;}
	.abc365-highlight{display:inline-flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:rgba(0,0,0,.22); color:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.10); max-width:520px;}

	.abc365-slide__visual{display:flex; justify-content:flex-end;}
	.abc365-visual-card{width:min(360px, 100%); border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); backdrop-filter: blur(10px); overflow:hidden; box-shadow: 0 20px 60px rgba(0,0,0,.35);}
	.abc365-visual-card__top{display:flex; gap:8px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.10);}
	.abc365-dot{width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.35);}
	.abc365-visual-card__body{padding:18px 16px; display:grid; gap:12px;}
	.abc365-kpi{display:flex; justify-content:space-between; align-items:baseline; padding:10px 12px; border-radius:12px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.10);}
	.abc365-kpi__label{font-size:12px; color:rgba(255,255,255,.70);}
	.abc365-kpi__value{font-weight:700; color:#fff;}

	.abc365-slider__controls{position:absolute; inset:auto 0 18px 0; display:flex; gap:14px; align-items:center; justify-content:center; padding:0 18px; z-index:5;}
	.abc365-nav{appearance:none; border:1px solid rgba(255,255,255,.18); background:rgba(0,0,0,.25); color:#fff; width:44px; height:44px; border-radius:999px; display:grid; place-items:center; cursor:pointer; transition:transform .15s ease, background .15s ease, border-color .15s ease;}
	.abc365-nav:hover{transform:translateY(-1px); background:rgba(0,0,0,.35); border-color:rgba(255,255,255,.28);}
	.abc365-nav:active{transform:translateY(0);}
	.abc365-nav span{font-size:30px; line-height:1; margin-top:-2px;}

	.abc365-dots{display:flex; gap:8px; padding:10px 12px; border-radius:999px; background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.12);}
	.abc365-dotbtn{appearance:none; border:0; background:transparent; padding:0; cursor:pointer; width:26px; height:10px; border-radius:999px; position:relative;}
	.abc365-dotbtn::before{content:""; position:absolute; inset:0; border-radius:999px; background:rgba(255,255,255,.22); transition:background .2s ease, transform .2s ease;}
	.abc365-dotbtn[aria-selected="true"]::before{background:rgba(255,255,255,.80); transform:scaleX(1.05);}

	@media (max-width: 959px){
		.abc365-slide{min-height:640px;}
		.abc365-slide__grid{grid-template-columns:1fr; padding:42px 26px 84px;}
		.abc365-slide__visual{justify-content:flex-start;}
		.abc365-title{font-size:36px;}
	}
	@media (max-width: 480px){
		.abc365-title{font-size:30px;}
		.abc365-slider{border-radius:18px;}
	}

	@media (prefers-reduced-motion: reduce){
		.abc365-slide{transition:none;}
		.abc365-nav{transition:none;}
		.abc365-dotbtn::before{transition:none;}
	}

	/*
	 * Header fallback dla desktopów z dużym zoomem (np. 150%).
	 * W tym zakresie szerokości przełączamy top bar wcześniej na układ mobilny,
	 * zanim menu zacznie nachodzić pod logo.
	 */
	@media only screen and (min-width: 1241px) and (max-width: 1480px) {
		#Top_bar .top_bar_left {
			float: none;
			width: 100% !important;
			background: none !important;
		}

		#Top_bar .menu_wrapper {
			float: left !important;
			width: 100%;
			margin: 0 !important;
			clear: both;
		}

		#Top_bar #menu {
			display: none;
			float: left;
			position: static !important;
			width: 100% !important;
		}

		body:not(.header-simple) #Top_bar a.responsive-menu-toggle {
			display: block;
			position: absolute;
			top: 40px;
			right: 10px;
		}

		#Top_bar .logo {
			position: static;
			float: left;
			width: 100%;
			text-align: center;
			margin: 0;
		}

		#Top_bar .logo #logo,
		#Top_bar .logo .custom-logo-link {
			padding: 0 !important;
			margin: 10px 50px;
		}

		.header-plain #Top_bar .logo {
			text-align: left;
		}

		.header-plain #Top_bar .logo #logo,
		.header-plain #Top_bar .logo .custom-logo-link {
			padding: 5px 42px 15px 15px;
			margin: 0;
		}

		.header-stack #Top_bar .logo {
			padding: 0;
			text-align: center !important;
			border-bottom: unset;
		}

		.header-stack #Top_bar a.responsive-menu-toggle {
			position: absolute !important;
			margin-top: -17px !important;
		}

		#Top_bar .secondary_menu_wrapper {
			display: none;
		}
	}


    /* --- RESET I KONTENER LISTY --- */
.betterdocs-faq-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.betterdocs-faq-list li {
    margin-bottom: 16px !important;
}

/* --- KARTA PYTANIA (Główny kontener) --- */
.betterdocs-faq-group {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid rgba(138, 117, 244, 0.15) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(73, 49, 133, 0.03) !important;
    overflow: hidden;
}

.betterdocs-faq-group:hover {
    border-color: #CD62FE !important;
    box-shadow: 0 8px 24px rgba(138, 117, 244, 0.1) !important;
    transform: translateY(-2px);
}

/* Stan aktywny (otwarte pytanie) */
.betterdocs-faq-group.active {
    border-color: #493185 !important;
    box-shadow: 0 10px 30px rgba(73, 49, 133, 0.08) !important;
}

/* --- NAGŁÓWEK PYTANIA --- */
.betterdocs-faq-post {
    padding: 20px 24px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer;
    background: transparent !important;
}

.betterdocs-faq-post-name {
    margin: 0 !important;
    font-weight: 700 !important;
    color: #493185 !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
}

/* --- IKONY (Override kolorów SVG) --- */
.betterdocs-faq-iconplus, 
.betterdocs-faq-iconminus {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px;
    transition: transform 0.3s ease !important;
}

/* Zmiana niebieskiego koloru na Twój brandowy fiolet/róż */
.betterdocs-faq-iconplus g, 
.betterdocs-faq-iconminus g {
    stroke: #CD62FE !important;
}

.betterdocs-faq-iconplus circle, 
.betterdocs-faq-iconminus circle {
    stroke: rgba(205, 98, 254, 0.2) !important;
    fill: #f9f8ff !important;
}

/* --- TREŚĆ ODPOWIEDZI --- */
.betterdocs-faq-main-content {
    padding: 0 24px 24px 24px !important;
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    border-top: 1px solid #f0edff !important;
    margin-top: 0 !important;
}

.betterdocs-faq-main-content p {
    margin-top: 20px !important;
}

/* --- TYTUŁY KATEGORII (np. Firma i konto) --- */
.betterdocs-faq-title-tag {
    color: #493185 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin: 40px 0 20px 0 !important;
    padding-left: 5px;
    border-left: 4px solid #CD62FE;
}