/**
 * Theme Name:     WritingX App
 * Author:         WritingX App
 * Template:       blocksy
 * Text Domain:	   writingx-app
 * Description:    Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
 */

/* Button */
.wp-element-button.gspb-buttonbox.features-list:hover,
.wp-element-button.gspb-buttonbox.features-list:active,
.wp-element-button.gspb-buttonbox.features-list:focus,
.wp-element-button.gspb-buttonbox.features-list:focus-visible {
    background-color: #FFB000 !important;
    color: #fff !important;
    opacity: 1 !important;
    text-decoration: none !important; /* prevents underline if it's a link */
    transition: none !important;      /* prevents flickering on hover */
}

figure.wp-block-image {
	display: flex;
}

/* header mobile menu */
.ct-header-trigger .ct-icon rect {
	height: 1px !important;
}

/* Search */

button.ct-toggle:focus, button.ct-toggle:visited {
	outline: none !important;
} 

.wp-block-uagb-image.alignleft {
    width: auto !important;
	margin-inline-end: 0 !important;
}

.ct-search-results {
	background: #fff !important;
}

.ct-no-results .ct-search-form .ct-search-form-controls {
	transform: none !important;
}

/* Aweber Form */
.af-form {
	max-width: 100% !important;
}

.wp-block-aweber-signupform-block-aweber-shortcode {
    width: 100%;
}

.af-element input {
    min-height: 45px;
}
.af-form .af-body.af-standards .af-element .af-textWrap input.text {
    transform: translateY(-4px) !important;
}
.af-form {
    background: transparent !important;
}

.af-body.af-standards {
    display: flex;
    align-items: flex-end;
    margin: 0 !important;
    padding: 0 !important;
    gap: 10px;
}

.af-element {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.af-element.buttonContainer {
    width: auto !important;
}

.buttonContainer input.submit, button.ff-btn.ff-btn-submit {
	height: 55px;
    min-width: 160px;
    font-weight: 600 !important;
    font-size: 16px !important;
	border: none !important;
}

.af-body .af-textWrap input.text {
    margin: 0 !important;
    padding: 0 !important;
}

.af-body .af-textWrap input.text:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.af-body label.previewLabel {
    width: 100% !important;
    padding-bottom: 5px !important;
}

.af-body label.previewLabel {
    color: #fff !important;
}

.af-body .buttonContainer input.submit {
    background: -webkit-linear-gradient(to bottom, #ffca05 0%, #ff970f 72%) !important;
    background: linear-gradient(to bottom, #ffca05 0%, #ff970f 72%) !important;
    border-bottom: 3px solid #ff8300 !important;
    border-top: none;
    border-left: none;
    border-right: none;
}

.af-body .buttonContainer input.submit:hover {
    color: #fff !important;
    opacity: 1 !important;
    background: linear-gradient(to bottom, #f9d13f 0%, #e68200 72%) !important;
}

.af-body input.text {
	height: 55px !important;
}

.af-body input.text:hover {
	opacity: 1 !important;
}


.af-body input.text, #af-form-1059049392 .af-body textarea {
	color: #808080 !important;
}

/* Fluent form button */
.ff-default .ff_btn_style {
    background: -webkit-linear-gradient(to bottom, #ffca05 0%, #ff970f 72%) !important;
    background: linear-gradient(to bottom, #ffca05 0%, #ff970f 72%) !important;
    border-bottom: 3px solid #ff8300 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #fff !important;
}

.ff-el-form-control:focus {
    border-color: var(--theme-palette-color-2) !important;
}

.wp-block-gutenkit-button .gkit-btn-wraper .gkit-btn:hover{
	background-color: var(--theme-palette-color-2) !important;
}


/* search form */
.astm-search-menu:hover path {
	fill: #ffb000;
}

.is-menu.is-dropdown form {
	min-width: 1290px;
	padding: 20px !important;
	box-sizing: border-box;
	background: #000 !important;
}

.is-form-style input.is-search-input {
    background: transparent;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    color: #fff !important;
	font-size: 1rem !important;
}

button.is-search-submit {
    background: none !important;
}

span.is-search-icon {
    background: none;
    border: none;
    border-bottom: 1px solid #ccc;
}

span.is-search-icon:hover {
    background: none;
}

span.is-search-icon:hover path {
    fill: #fff;
}

.is-form-style .is-search-submit path {
    fill: #cccccccc;
}

#search-modal form .ct-search-form-controls button {
	border: none !important;
}

/* header socials */
.ct-header-socials {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Header Search */
@media screen and (min-width: 992px) {
	.ct-panel {
		position: absolute !important;
	}

	[data-header*="type-1"] #search-modal {
		max-width: 1290px;
		margin: 0 auto;
		height: 60px;
		margin-top: 90px;
	}

	.ct-panel-actions {
		position: absolute;
		top: 0;
		right: 0;
		display: none;
	}

	#search-modal input {
		margin-bottom: 0 !important;
		padding: 30px;
		box-sizing: border-box;
		font-size: 20px;
		height: 50px !important;

	}

	#search-modal form {
		margin-left: 0 !important;
		margin-right: auto !important;
		width: calc(100% - 60px) !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.ct-search-form .ct-search-form-controls {
		top: 50% !important;
		transform: translateY(-50%);
	}

	button.ct-toggle-close {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
	}

	.ct-panel-actions {
		width: 60px;
		height: 100%;
		padding: 0 !important;
		border-left: 1px solid #504f4f;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer;
	}
}

/* Read More */
a.entry-button, a.wp-block-read-more {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: right;
    background-color: rgba(0, 0, 0, .02);
    padding: 7px 15px;
    overflow: hidden;
    line-height: 30px;
}

.app-store-landscape {
	display: none; 
}

/* Scroll Table */
/* Main table styling */
.scroll-table {
	width: 100%;
	overflow-x: auto; /* 'auto' is better than 'scroll' for mobile */
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch; /* iOS fix for smooth scrolling */
	display: block; /* Ensures proper layout paint in Safari */
}

/* Table styling */
table {
	width: 100%;
	min-width: 600px;
	border-collapse: collapse;
}

/* First column (Features) - wider for feature names */
th:first-child,
td:first-child {
	width: 40%;
	min-width: 200px;
}

/* Platform columns - equal width distribution */
th:not(:first-child),
td:not(:first-child) {
	width: 20%;
	min-width: 100px;
}

.scroll-table tbody tr td, .scroll-table tr th {
	word-break: keep-all;
	
}

/* Advanced Search for Help */
.advanced-help-search .ct-search-form .ct-search-form-controls {
	transform: none !important;
}

/* Widgets Area */
.site-main .ct-sidebar {
    background: #f9f9f9;
	border: 1px solid #cccccc;
	border-top: 4px solid #ffb000;
}

.site-main .ct-widget {
    box-sizing: border-box;
}

.site-main .ct-widget.widget_categories {
    border-top: 1px solid #cccccc;
}

.site-main .widget-title {
	padding: 15px;
}

.site-main .ct-widget li {
    width: 100%;
    padding: 12px 16px;
}

.site-main .ct-widget li + li {
    border-top: 1px solid #cccccc;
}

/* Blog Cats */
/* CSS Code - Add this to your theme's style.css or custom CSS */

.advanced-blog-cats {
    background: #f9f9f9;
    padding: 0;
    margin: 0;
}

.ct-query-template-default {
    max-width: 1290px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}

/* Reset original styles */
.wp-block-term {
    margin: 0 !important;
    padding: 0;
}

.wp-block-term h2 {
    margin: 0;
    padding: 0;
}

.all-topics-item, .wp-block-term, .more-dropdown {
	width: 100%;
	border-right: 1px solid #dddddd;
    border-top: 4px solid #dddddd;
}

.all-topics-item.active, .wp-block-term.active, .more-dropdown.active {
    border-top-color: #ffb000;
	background: #fff;
}

.all-topics-item a, .wp-block-term a, .more-dropdown button {
	padding: 15px 10px;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.all-topics-item, .wp-block-term h2, .more-dropdown {
	font-size: 16px !important;
	line-height: 1;
	font-weight: 400 !important;
}

/* Navigation items styling */
.wp-block-term a {
    text-decoration: none;
    display: block;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.wp-block-term a:hover,
.wp-block-term.active a {
    color: #333;
    border-bottom-color: #007cba;
}

/* Hide items that should be in dropdown */
.wp-block-term.dropdown-item {
    display: none;
}

/* All Topics item (will be added via JS) */
.all-topics-item {
	margin: 0 !important;
	border-left: 1px solid #dddddd;
}

.all-topics-item a {
    text-decoration: none;
    display: block;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.all-topics-item a:hover,
.all-topics-item.active a {
    color: #333;
    border-bottom-color: #007cba;
}

/* Dropdown container */
.more-dropdown {
    position: relative;
    margin-left: auto;
}

.dropdown-toggle {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.dropdown-toggle:hover,
.more-dropdown.active .dropdown-toggle,
.more-dropdown.has-active .dropdown-toggle {
    color: #333;
    border-bottom-color: #007cba;
}

.dropdown-arrow {
    margin-left: 8px;
    transition: transform 0.3s ease;
    font-size: 12px;
}

.more-dropdown.active .dropdown-arrow {
    transform: rotate(180deg);
}

/* Dropdown menu */
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 5px;
	left: 5px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
	width: calc(100% - 10px);
}

.more-dropdown.active .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu a {
    display: block;
    padding: 12px 20px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
    border-bottom: none !important;
    margin: 0 !important;
}

.dropdown-menu a:hover {
    background: #f8f9fa;
    color: #333;
}

.dropdown-menu a:first-child {
    border-radius: 6px 6px 0 0;
}

.dropdown-menu a:last-child {
    border-radius: 0 0 6px 6px;
}

/* Tabs */
.gstabs-tabs .t-btn {
	border: none !important;
	border-top: 2px solid #ddd !important;
	border-right: 1px solid #ddd !important;
}

.gstabs-tabs .t-btn:first-child {
	border-left: 1px solid #ddd !important;
}

.gstabs-tabs .t-btn.active {
	border-top-color: #FFB000 !important;
}


/* Tabs */
.t-btn-container {
	flex-wrap: nowrap;
}

.t-btn-container .t-btn {
	width: 100% !important;
	color: #000 !important;
}

.t-btn-container .t-btn.active {
	color: #FFB000 !important
}


/* Pagination */
nav.ct-pagination {
    display: flex !important;
    justify-content: center !important;
}

/* Social Share */
.heateor_sss_svg {
    padding: 6px !important;
}


/* Tablet View */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	  .mac-app-store {
		  display: none !important;
	  }
	  .app-store {
		  display: block !important;
	  }
	  
	  .app-store-landscape {
		  display: block !important;
	  }
}

@media screen and (max-width: 1024px){
	svg.ct-icon.ct-search-button-content {
		width: 22px;
		height: 22px;
	}
}

/* Mobile View */
@media (max-width: 768px) {
    .af-body.af-standards {
        flex-direction: column;
        align-items: stretch;
        gap: 0 !important;
    }

    .af-body.af-standards .af-element {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .af-body.af-standards .af-element.buttonContainer {
        width: 100% !important;
        margin-top: -1rem !important;
    }

    .buttonContainer input.submit {
        width: 100% !important;
    }
	
	.buttonContainer input.submit, .af-body input.text {
		height: 45px !important;
	}
	.wp-block-social-links .wp-social-link svg {
		height: 1em !important;
		width: 1em !important;
	}
	
	.ct-query-template-default {
		flex-wrap: wrap;
	}
	
	.all-topics-item, .wp-block-term {
		width: 50% !important;
	}
	
	.t-btn-container .t-btn {
		width: 100% !important;
	}
	
	.t-btn-container {
		flex-wrap: wrap !important;
	}
	
	.gstabs-tabs .t-btn {
		border-left: 1px solid #ddd !important;
	}
	
	.gstabs-tabs .t-btn:last-child {
		border-bottom: 1px solid #ddd !important;
	}
	
	.ct-query-template-grid {
		row-gap: 50px !important;
	}
}