/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://1euroseo.com
 Description:  Twenty Twenty-Five Child Theme for 1euroseo.com
 Author:       Marin Popov
 Author URI:   https://1euroseo.com
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  twentytwentyfive-child
*/

/* This is where you'll add your custom CSS. */


/* [seo_form_1] */
.euroseo-form-1 {
    max-width: 750px;
    margin: 0 auto;
    padding: 30px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    font-family: 'Segoe UI', Roboto, sans-serif;
    color: #222;
}

.euroseo-form-1 input[type="url"],
.euroseo-form-1 input[type="email"] {
    width: 100%;
    padding: 14px 16px;
    margin: 10px 0 18px 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    box-sizing: border-box;
}

.euroseo-form-1 .audit-group {
    margin-bottom: 25px;
    padding: 18px;
    border-left: 5px solid #0073e6;
    background-color: #f7f9fc;
    border-radius: 10px;
    /* Forces grid behavior */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.euroseo-form-1 .audit-group p {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 16px;
    width: 100%; /* Keeps the header on its own line */
}

.euroseo-form-1 label {
    display: inline-flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 15px;
    cursor: pointer;
    /* Two-column logic */
    width: 50%; 
    box-sizing: border-box;
    padding-right: 10px;
}

.euroseo-form-1 input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
    flex-shrink: 0;
}

.euroseo-form-1 button {
    background-color: #0073e6;
    color: white;
    padding: 14px 28px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 18px;
    transition: background 0.3s ease;
    margin-top: 15px;
    width: 100%;
}

.euroseo-form-1 button:hover {
    background-color: #005bb5;
}

/* Mobile: Switch to one column */
@media (max-width: 600px) {
    .euroseo-form-1 label {
        width: 100%;
    }
}

/*export groupt*/
/* Export block styled exactly like audit-group */
.euroseo-form-1 .export-group {
    margin-bottom: 25px;
    padding: 18px;
    border-left: 5px solid #51A687;
    background-color: #e6f0fb;
    border-radius: 10px;

    /* override audit-group flex layout */
    display: block;
}

.euroseo-form-1 .export-group p {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 16px;
}

.euroseo-form-1 .export-group label {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.euroseo-form-1 .export-group input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
    flex-shrink: 0;
}

.euroseo-form-1 .consent-box label {
	   width: 100%; 
}

/* END [seo_form_1] */

/*slider*/
.cb-slide .wp-block-columns {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.cb-slide h3.wp-block-heading {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.cb-slide  {
background: #FEF9DB;
	padding:2em;
}

/*button maybe*/
.ft100 {
    width: 100% !important;
}


/*14032026*/
.wp-site-blocks {
	    background: #0CA8BA;
}

form input{
	box-sizing: border-box;
}


.wp-block-post-title{
	    text-align: center;
	font-size:5rem;
	    max-width: 100%;
	    font-weight: 700;
}

hr{
		margin-top:2em !important;
}
.core-promises-bl{
  /*background: #9EC17C;*/
  padding: 2em;	
}

.wp-block-heading {
	margin-bottom:1em ;
	margin-top:1em ;
}

img.wp-smiley, img.emoji {
    height: 2.5em !important;
	width: 2.5em !important;
}

.star-sm img.emoji {
    height: 1.5em !important;
	width: 1.5em !important;
}

.wp-block-template-part{
	padding-top:1em;
}

.btn-1{
	background:#ffa600;
	color:#fff;
	padding:14px 16px;
	border-radius:8px;
	font-size:16px;
	text-decoration:none;
	font-weight:600;
}


.btn-1 a{
	background:#C4D5A7;
}

/*table styles*/

/* Modern, High-Impact Comparison Table */
.feature-tbl{
	margin-top:5em !important;
	margin-bottom:3em !important;
}


.feature-tbl {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: 'Inter', 'Arial', sans-serif;
    font-size: 15px;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* Header */
.feature-tbl th {
    padding: 20px;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
}

/* Feature Column */
.feature-tbl td:nth-child(1) {
    background: #f7f7f7;
    font-weight: 600;
    color: #333;
    width: 26%;
    border-right: 1px solid #e5e5e5;
}

/* AI Column (Hero) */
.feature-tbl th:nth-child(2) {
    background: #0f0f0f;
    color: #3ddc84;
}
.feature-tbl td:nth-child(2) {
    background: #f3fff7;
    color: #1e7e34;
    font-weight: 700;
    border-left: 2px solid #0f0f0f;
    border-right: 2px solid #0f0f0f;
}

/* Traditional Column */
.feature-tbl{
	margin-bottom:1em;
	margin-top:1em;
}

.feature-tbl th:nth-child(3) {
    background: #1c1c1c;
    color: #ff8a8a;
}
.feature-tbl td:nth-child(3) {
    background: #fff6f6;
    color: #b94a48;
    font-weight: 600;
}

/* Table Cells */
.feature-tbl td {
    padding: 18px 20px;
    border-bottom: 1px solid #eaeaea;
}

/* Remove last row border */
.feature-tbl tr:last-child td {
    border-bottom: none;
}

/* Hover effect for rows */
.feature-tbl tr:hover td {
    background: #fdfdfd;
    transition: 0.25s ease;
}

/* Stronger, high-contrast shadow */
.feature-tbl {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18),
                0 6px 18px rgba(0, 0, 0, 0.10);
}

.is-style-section-1, .is-style-section-2, .is-style-section-3, .is-style-section-4, .is-style-section-5 {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18),
                0 6px 18px rgba(0, 0, 0, 0.10);
}


/*end table styles*/


#wp--skip-link--target {
    margin-top: 0 !important;
}

h2, h1 {
	padding-top:0.5em;
}

.cb-button-prev::after, 
.cb-button-next::after {
    font-weight: 900 !important;
    font-size: 36px !important;
	color:#1F201E !important;
}

/* If using SVG icons */
.cb-button-prev svg, 
.cb-button-next svg {
    stroke-width: 3px;
}

.cb-carousel-block .cb-button-prev {
    left: -50px !important;
}

.cb-carousel-block .cb-button-next {
    right: -50px !important;
}

/* Ensures the arrows don't get cut off on smaller screens */
@media (max-width: 1024px) {
    .cb-carousel-block .cb-button-prev,
    .cb-carousel-block .cb-button-next {
        display: none;
    }
}


/* Container for the details element */
details.wp-block-details {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 16px;
    transition: all 0.3s ease;
    background: #ffffff;
}

/* Hover effect to show interactivity */
details.wp-block-details:hover {
    border-color: #ffa600; /* Uses your brand orange  */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Styling the question (summary) */
details.wp-block-details summary {
    font-weight: 700;
    cursor: pointer;
    list-style: none; /* Removes default arrow */
    outline: none;
    color: #1F201E;
}

/* Adding a custom indicator */
details.wp-block-details summary::before {
    content: "Q. ";
    color: #ffa600; /* Brand orange  */
    margin-right: 8px;
}

/* Styling the answer (content) */
details.wp-block-details[open] {
    border-color: #ffa600;
}

details.wp-block-details p {
    margin-top: 12px;
    line-height: 1.6;
    color: #444;
}

.no-before summary::before {
    content: "> "  !important;
    color: #ffa600;
    margin-right: 8px;
}