/* Go Travel Template Styles - BOOK PAGE FIXES */


/* ==========================================================================
   Go Travel Template should display normally with theme elements
   ========================================================================== */
body.page-template-go-travel {
    background-color: rgb(35, 37, 41) !important;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}

/* ==========================================================================
   Main Table Layout - FIXED: 58% on desktop, table structure corrected
   ========================================================================== */
.main-table {
    width: 58% !important; /* Desktop: 58% width */
    margin: 0 auto !important;
    border-spacing: 0 !important;
    border-collapse: separate !important;
    overflow: hidden !important;
    background: transparent !important;
    box-sizing: border-box !important;
    display: table !important; /* FIX: Ensure table display */
}

.main-table table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed !important; /* FIX: Fixed table layout */
}

.main-table tbody {
    display: table-row-group !important;
}

.main-table tr {
    display: table-row !important;
    background: transparent !important;
}

/* FIX: All table cells inherit width from main table */
.main-table td {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: table-cell !important;
    vertical-align: top !important;
    width: 100% !important; 
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   Book Cover Row - SIMPLIFIED: No width overrides needed
   ========================================================================== */
.main-table tr:first-child td {
    background-color: transparent !important;
    text-align: center !important;
    padding: 0px 0 !important;
}

/* ==========================================================================
   Content Row - SIMPLIFIED: No width overrides needed
   ========================================================================== */
.main-table tr:nth-child(2) td {
    background-color: #ffffff !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2), 0 5px 15px rgba(0,0,0,0.1) inset !important;
}

/* ==========================================================================
   Book Cover Container - FIXED: Takes full width of parent td
   ========================================================================== */
.book-cover-container {
    position: relative !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    display: block !important;
    transition: transform 0.3s ease !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    /* FIX: Add proper height for desktop/tablet */
    height: 0 !important;
    padding-bottom: 150% !important; /* 2:3 aspect ratio (500×750) */
}

/* WordPress image block styles */
.book-cover-container .wp-block-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    position: absolute !important;
}

.book-cover-container:hover {
    transform: translateY(-2px) !important;
}

.book-cover-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

.book-cover-image img {
    display: block !important;
    margin: 0 auto !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Fix for empty image src */
.book-cover-image img[src=""],
.book-cover-image img:not([src]),
.book-cover-image img[src*="undefined"] {
    min-height: 200px !important;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%) !important;
    background-size: 200px 100% !important;
    animation: shimmer 1.5s infinite !important;
    position: relative !important;
}

/* ==========================================================================
   CONTENT CELL - FIXED FOR BOOK PAGE APPEARANCE
   ========================================================================== */
.content-cell {
    background-color: #ffffff !important;
    padding: 125px !important; /* Reduced from 95px */
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Container for all content */
.content-cell .wp-block-post-content {
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    hyphens: auto !important;
    padding-top: 20px !important;
}

/* ==========================================================================
   BOOK PAGE TYPOGRAPHY 
   ========================================================================== */

/* Headings - Proper book-like spacing */
.content-cell h1,
.content-cell h2,
.content-cell h3,
.content-cell h4,
.content-cell h5,
.content-cell h6 {
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: left !important;
    letter-spacing: -0.1px !important;
    word-spacing: normal !important;
    line-height: 1.4 !important;  /* Tighter line height */
    margin: 0 0 6px 0 !important; /* Normal margins */
    padding: 0 !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-smooth: always !important;
}

/* Specific heading sizes */
.content-cell h1 {
    font-size: 34px !important;
    color: rgb(38, 97, 150) !important;
    font-weight: 600 !important;
    margin-top: 8 !important;
    margin-bottom: 4px !important;
}

.content-cell h2 {
    font-size: 36px !important;
    color: rgb(38, 97, 150) !important;
    font-weight: 500 !important;
    margin-top: 8px !important;
    margin-bottom: 1px !important;
}

.content-cell h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    color: #1A1310 !important;
    margin-top: 1px !important;
    margin-bottom: 2px !important;
}

/* Paragraphs - Book-like appearance */
.content-cell p {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 17px !important;
    color: #1A1310 !important;
    line-height: 1.7 !important; /* Slightly tighter for book feel */
    margin: 0 0 10px 0 !important; /* Consistent spacing */
    padding: 0 !important;
    text-align: left !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important; 
    word-spacing: normal !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* First paragraph after heading */
.content-cell h1 + p,
.content-cell h2 + p,
.content-cell h3 + p {
    margin-top: 0 !important;
}

/* Lists */
.content-cell ul,
.content-cell ol {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 18px !important;
    color: #1A1310 !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    padding-left: 20px !important;
}

.content-cell li {
    margin-bottom: 8px !important;
}

/* Links - Clean book appearance */
.content-cell a:not(.wp-block-button__link) {
    color: rgb(31, 78, 121) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

.content-cell a:not(.wp-block-button__link):hover {
    color: rgb(24, 62, 96) !important;;
    border-bottom: 1px solid rgb(120, 160, 210) !important;
}

/* Images inside content */
.content-cell img:not(.book-cover-image img) {
    border-radius: 20px !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 5px auto !important;
}

.content-cell .wp-block-image {
    margin: 2px 0 !important;
    text-align: center !important;
}

.content-cell .wp-block-image img {
    border-radius: 20px !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

/* Quotes */
.content-cell blockquote {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: #555 !important;
    line-height: 1.6 !important;
    margin: 25px 0 !important;
    padding: 0 0 0 20px !important;
    border-left: 3px solid #8db3e2 !important;
}

/* Horizontal rule */
.content-cell hr {
    margin: 30px 0 !important;
    border: none !important;
    border-top: 1px solid #e0e0e0 !important;
}

/* ==========================================================================
   CONTENT INNER CONTAINER - ADDED FOR BETTER SPACING
   ========================================================================== */
.content-cell .wp-block-post-content > * {
    max-width: 100% !important;
    width: 100% !important;
}

/* Group blocks */
.content-cell .wp-block-group {
    margin: 20px 0 !important;
    padding: 0 !important;
}

/* Columns */
.content-cell .wp-block-columns {
    margin: 25px 0 !important;
    gap: 20px !important;
}

/* ==========================================================================
   PADDING ADJUSTMENTS FOR BOOK-LIKE APPEARANCE
   ========================================================================== */

/* Desktop - Comfortable book margins */
@media screen and (min-width: 769px) {
    .content-cell {
        padding: 80px 50px !important; /* Top/Bottom: 60px, Left/Right: 50px */
    }
    
    /* ADDED: Tablet top spacing */
    .content-cell .wp-block-post-content {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    
    .content-cell .wp-block-post-content > :first-child {
        margin-top: 25px !important; /* More space on desktop */
    }
    .content-cell img {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    
}

/* Tablet - Slightly reduced margins */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .content-cell {
        padding: 100px 40px !important;
    }
    
    .content-cell h1 {
        font-size: 28px !important;
        margin-bottom: 18px !important;
    }
    
    .content-cell h2 {
        font-size: 24px !important;
        margin-top: 25px !important;
        margin-bottom: 18px !important;
    }
    
    .content-cell p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    /* ADDED: Tablet top spacing */
    .content-cell .wp-block-post-content {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

/* Mobile - Compact but readable */
@media screen and (max-width: 768px) {
    .content-cell {
        padding: 40px 30px !important;
    }
    
    .content-cell h1 {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }
    
    .content-cell h2 {
        font-size: 20px !important;
        margin-top: 25px !important;
        margin-bottom: 16px !important;
    }
    
    .content-cell h3 {
        font-size: 12px !important;
        letter-spacing: 1.2px !important;
        margin-top: 22px !important;
        margin-bottom: 14px !important;
    }
    
    .content-cell p {
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-bottom: 18px !important;
    }

    .content-cell img {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
    
    .content-cell img:not(.book-cover-image img),
    .content-cell .wp-block-image {
        margin: 20px 0 !important;
    }

     /* ADDED: Tablet top spacing */
    .content-cell .wp-block-post-content {
        padding-top: 30px !important;
    }
}

/* Small Mobile */
@media screen and (max-width: 480px) {
    .content-cell {
        padding: 30px 20px !important;
    }
    
    .content-cell h1 {
        font-size: 22px !important;
        margin-bottom: 18px !important;
    }
    
    .content-cell h2 {
        font-size: 19px !important;
        margin-top: 22px !important;
        margin-bottom: 15px !important;
    }
    
    .content-cell p {
        font-size: 14px !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
    }
    
    .content-cell img:not(.book-cover-image img),
    .content-cell .wp-block-image {
        margin: 30px 0 !important;
    }

     /* ADDED: Tablet top spacing */
    .content-cell .wp-block-post-content {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

/* ==========================================================================
   Images inside content - Consistent styling
   ========================================================================== */
.content-cell img:not(.book-cover-image img) {
    border-radius: 20px !important;
}

.content-cell .wp-block-image img,
.content-cell .wp-block-gallery .blocks-gallery-item img {
    border-radius: 20px !important;
}

/* ==========================================================================
   Loading Animation
   ========================================================================== */
@keyframes shimmer {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: 200px 0;
    }
}

/* ==========================================================================
   Desktop-specific (769px and above)
   ========================================================================== */
@media screen and (min-width: 769px) {
    .main-table {
        width: 58% !important;
        max-width: 58% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Top spacing for book cover row */
    .main-table tr:first-child td {
        padding-top: 59px !important;
        padding-bottom: 59px !important;
    }
    
    /* Book cover height */
    .book-cover-container,
    .book-cover-container .wp-block-image,
    .book-cover-image,
    .book-cover-image img {
        height: auto !important;
        max-height: auto !important;
    }
    
    .book-cover-container {
        height: 0 !important;
        padding-bottom: 150% !important; 
    }
    .content-cell {
        padding: 120px 40px !important;
    }
}

/* ==========================================================================
   Tablet (769px to 1024px)
   ========================================================================== */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .main-table {
        width: 70% !important;
        max-width: 70% !important;
    }
    
    .main-table tr:first-child td {
        padding-top: 30px !important;
        padding-bottom: 45px !important;
    }
    
    .book-cover-container,
    .book-cover-container .wp-block-image,
    .book-cover-image,
    .book-cover-image img {
        height: auto !important;
        max-height: auto !important;
    }
    .book-cover-container {
        height: 0 !important;
        padding-bottom: 150% !important; /* Same aspect ratio */
    }
    
    .content-cell {
        padding: 50px 40px !important;
    }
}

/* ==========================================================================
   Mobile (768px and below) - FIXED: 100% width, no side margins
   ========================================================================== */
@media screen and (max-width: 768px) {
    /* CRITICAL FIX: 100% width with NO side margins */
    .main-table {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important; /* Remove all margins */
        padding: 0 !important; /* Remove all padding */
        display: block !important;
        box-sizing: border-box !important;
    }
    
    /* Remove WordPress figure margins */
    .main-table figure.wp-block-table {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    
    .main-table table {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        display: table !important;
        table-layout: fixed !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }
    
    .main-table tbody,
    .main-table tr,
    .main-table td {
        display: table !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Book cover row - NO side spacing */
    .main-table tr:first-child td {
        padding: 30px 0 !important; /* Top/bottom only, no left/right */
        margin: 0 !important;
        background-color: transparent !important;
        display: table-cell !important;
        width: 100% !important;
    }
    
    /* Content row - NO side spacing except padding inside content cell */
    .main-table tr:nth-child(2) td {
        display: table-cell !important;
        background-color: #ffffff !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* Content cell - Reduced side padding for true 100% width */
    .content-cell {
        padding: 40px 20px !important; /* Reduced side padding */
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 0 !important; /* Remove border radius on mobile for full width */
    }
    
    /* Book cover container - full width */
    .book-cover-container {
        height: 0 !important;
        padding-bottom: 150% !important;
        width: 100% !important;
        margin: 0 !important; /* No margins */
        max-width: 100% !important;
    }
    
    .book-cover-container .wp-block-image,
    .book-cover-image {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .book-cover-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Images inside content - full width */
    .content-cell img:not(.book-cover-image img),
    .content-cell .wp-block-image img {
        border-radius: 15px !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Ensure all content blocks take full width */
    .content-cell .wp-block-post-content > * {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Fix for alignwide/alignfull blocks on mobile */
    .content-cell .alignwide,
    .content-cell .alignfull {
        margin-left: -20px !important;
        margin-right: -20px !important;
        width: calc(100% + 40px) !important;
        max-width: calc(100% + 40px) !important;
    }
}

/* ==========================================================================
   Small Mobile (480px and below) - FIXED: True 100% width
   ========================================================================== */
@media screen and (max-width: 480px) {
    /* Even tighter spacing for small mobile */
    .main-table tr:first-child td {
        padding: 20px 0 !important; /* Reduced top/bottom spacing */
    }
    
    .content-cell {
        padding: 30px 15px !important; /* Further reduced side padding */
    }
    
    /* Book cover - slightly reduced height on very small screens */
    .book-cover-container {
        padding-bottom: 140% !important; /* Slightly less tall */
    }
}

/* Extra Small Mobile (375px and below) - Remove ALL spacing */
@media screen and (max-width: 375px) {
    .main-table {
        width: 100% !important;
        margin: 0 !important; /* NO margins */
        padding: 0 !important; /* NO padding */
    }
    
    .main-table tr:first-child td {
        padding: 15px 0 !important;
    }
    
    .content-cell {
        padding: 25px 12px !important; /* Minimal side padding */
    }
    
    .book-cover-container {
        padding-bottom: 135% !important;
    }
}

/* ==========================================================================
   Fix for WordPress layout classes
   ========================================================================== */
.is-layout-constrained,
.wp-container-core-group-is-layout-a099c240,
.wp-block-group-is-layout-constrained {
    display: block !important;
    width: 100% !important;
}

/* ==========================================================================
   Ensure proper background colors
   ========================================================================== */
body.page-template-go-travel {
    background-color: #232529 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    line-height: 1.6;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-smooth: always !important;
}

/* ==========================================================================
   MOBILE OVERRIDES - Force 100% width, remove all parent margins
   ========================================================================== */
@media screen and (max-width: 768px) {
    /* Override any parent container that might add spacing */
    body.page-template-go-travel .wp-block-group,
    body.page-template-go-travel .wp-site-blocks,
    body.page-template-go-travel .entry-content,
    body.page-template-go-travel .site-main,
    body.page-template-go-travel .site-content,
    body.page-template-go-travel .wp-block-post-content {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Ensure the main container has no spacing */
    body.page-template-go-travel .wp-block-group.has-background {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    
    /* Remove any left/right padding from theme */
    body.page-template-go-travel {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }
    
    /* Ensure viewport takes full width */
    html body.page-template-go-travel {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* ==========================================================================
   Go Travel Icon Buttons
   ========================================================================== */

/* Icon Container - ALWAYS positioned at top right of content cell */
.go-travel-icons-container {
    position: absolute !important;
    top: 20px !important;
    right: -30px !important;
    display: flex !important;
    gap: 1px !important;
    z-index: 1000 !important;
    pointer-events: auto !important;
}

/* Ensure content cell has relative positioning for icon positioning */
.content-cell {
    position: relative !important;
}

/* Individual Icon Button - NO SHADOW, WITH BORDER */
.go-travel-icon-btn {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: visible !important; 
}

.go-travel-icon-btn:hover {
    transform: translateY(-2px) scale(1.05) !important;
    background: #f8f9fa !important;
    border-color: #8db3e2 !important;
}

.go-travel-icon-btn img {
    width: 60% !important;
    height: 60% !important;
    object-fit: contain !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.go-travel-icon-btn:hover img {
    transform: scale(1.1) !important;
}

/* Tooltip on hover - FIXED: Black text on white background */
.go-travel-icon-btn::after {
    content: attr(data-tooltip) !important;
    position: absolute !important;
    bottom: calc(100% + 10px) !important; /* Position above button */
    left: 50% !important;
    transform: translateX(-50%) translateY(5px) !important;
    background: #ffffff !important; /* White background */
    color: #000000 !important; /* BLACK TEXT */
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 1001 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important; /* Subtle shadow */
    border: 1px solid #e0e0e0 !important; /* Border for definition */
    pointer-events: none !important;
    min-width: max-content !important; /* Prevent text wrapping */
}

/* Tooltip arrow */
.go-travel-icon-btn::before {
    content: '' !important;
    position: absolute !important;
    bottom: calc(100% + 5px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(5px) !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: #ffffff transparent transparent transparent !important; /* White arrow */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 1001 !important;
    pointer-events: none !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1)) !important; /* Shadow for arrow */
}

/* Show tooltip on hover */
.go-travel-icon-btn:hover::after,
.go-travel-icon-btn:hover::before {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* Show tooltip on mobile touch */
.go-travel-icon-btn.hover-active::after,
.go-travel-icon-btn.hover-active::before,
.go-travel-icon-btn.tooltip-active::after,
.go-travel-icon-btn.tooltip-active::before {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* ==========================================================================
   RESPONSIVE ADJUSTMENTS - Keep icons visible on all screen sizes
   ========================================================================== */

/* Tablet - Slightly reduce size but stay in position */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .go-travel-icons-container {
        gap: 4px !important;
    }
    
    .go-travel-icon-btn {
        width: 36px !important;
        height: 36px !important;
    }
    
    .go-travel-icon-btn img {
        width: 55% !important;
        height: 55% !important;
    }
}

/* Mobile - Keep icons visible but reduce size */
@media screen and (max-width: 768px) {
    .go-travel-icons-container {
        gap: 5px !important;
    }
    
    .go-travel-icon-btn {
        width: 32px !important;
        height: 32px !important;
    }
    
    .go-travel-icon-btn img {
        width: 50% !important;
        height: 50% !important;
    }
    
    .go-travel-icon-btn::after {
        font-size: 11px !important;
        padding: 6px 10px !important;
    }
}

/* Small Mobile - Ensure icons stay visible */
@media screen and (max-width: 480px) {
    .go-travel-icons-container {
        gap: 8px !important;
    }
    
    .go-travel-icon-btn {
        width: 30px !important;
        height: 30px !important;
    }
    
    .go-travel-icon-btn img {
        width: 45% !important;
        height: 45% !important;
    }
    
    .go-travel-icon-btn::after {
        font-size: 10px !important;
        padding: 5px 8px !important;
    }
}

/* Extra Small Mobile - Stack icons vertically if needed */
@media screen and (max-width: 360px) {
    .go-travel-icons-container {
        flex-direction: column !important;
        gap: 3px !important;
        right: 4px !important;
    }
    
    .go-travel-icon-btn {
        width: 28px !important;
        height: 28px !important;
    }
}

/* ==========================================================================
   OVERRIDE ANY CONTENT OVERFLOW ISSUES
   ========================================================================== */

/* Ensure content doesn't overlap with icons */
.content-cell .wp-block-post-content {
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure icons stay above content */
.go-travel-icons-container {
    z-index: 1000 !important;
}

/* Prevent any parent from hiding icons */
.main-table tr:nth-child(2) td {
    overflow: visible !important;
}

.content-cell {
    overflow: visible !important;
}
 

/* ==========================================================================
   CRITICAL FORCEFUL FIX FOR ICON POSITIONING AND SPACING - MUST BE LAST
   ========================================================================== */

/* FORCE icon container position and spacing - OVERRIDE EVERYTHING */
.go-travel-icons-container,
.go-travel-icons-container[style],
.go-travel-icons-container[data-style],
[class*="go-travel-icons"],
[class*="travel-icons"] {
    right: 70px !important; /* CHANGED: Positive value moves LEFT from right edge */
    gap: 1px !important;
    left: auto !important;
    margin-right: 0 !important;
    transform: translateX(15px) !important; /* CHANGED: Positive translateX moves RIGHT */
}

/* FORCE individual icon buttons */
.go-travel-icon-btn,
.go-travel-icon-btn[style],
.go-travel-icon-btn[data-style],
[class*="go-travel-icon"],
[class*="travel-icon"] {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    margin: 0 0.5px !important; /* Added tiny horizontal margin */
}

/* FORCE gap between icons - multiple methods */
.go-travel-icons-container > * + * {
    margin-left: 1px !important;
}

/* FORCE right positioning with !important overrides */
body.page-template-go-travel .content-cell .go-travel-icons-container {
    right: 70px !important; /* CHANGED: Positive value */
}

html body.page-template-go-travel .content-cell .go-travel-icons-container {
    right: 70px !important; /* CHANGED: Positive value */
}

/* Nuclear option: Use LEFT positioning instead of RIGHT */
.go-travel-icons-container {
    right: auto !important; /* Remove right positioning */
    left: 15px !important; /* CHANGED: Use LEFT positioning to move from left edge */
    transform: none !important;
}

/* Alternative: Use translateX to move left */
.go-travel-icons-container.alternative-position {
    right: 0 !important;
    transform: translateX(15px) !important; /* Positive moves RIGHT, negative moves LEFT */
}

/* FORCE no JavaScript can override this - UPDATED */
.go-travel-icons-container {
    all: unset !important;
    position: absolute !important;
    top: 100px !important;
    right: 70px !important; /* CHANGED: Positive value moves LEFT */
    display: flex !important;
    gap: 1px !important;
    z-index: 1000 !important;
    pointer-events: auto !important;
}

/* Better approach: Use LEFT positioning instead */
.go-travel-icons-container.left-position {
    right: auto !important;
    left: 15px !important; /* Position from LEFT edge instead */
}

/* Override inline styles with max specificity */
body.page-template-go-travel #page .content-cell .go-travel-icons-container[style] {
    right: 70px !important; /* CHANGED: Positive value */
    gap: 1px !important;
}

/* Use !important with !important (maximum specificity) */
body.page-template-go-travel #page #content .content-cell .wp-block-post-content .go-travel-icons-container {
    right: 70px !important; /* CHANGED: Positive value */
    gap: 1px !important;
}

/* BETTER SOLUTION: Use left positioning instead of right */
.go-travel-icons-container.final-fix {
    right: auto !important;
    left: calc(100% - 15px) !important; /* Position from left: full width minus 15px */
}

/* SIMPLEST FIX: Just increase the right value to move left */
.go-travel-icons-container.simple-fix {
    right: 70px !important; 
}

/* Responsive fixes */
@media screen and (max-width: 768px) {
    .go-travel-icons-container,
    .go-travel-icons-container[style] {
        right: 5px !important; /* CHANGED: Positive value */
        gap: 1px !important;
        transform: none !important;
    }
}

@media screen and (max-width: 480px) {
    .go-travel-icons-container,
    .go-travel-icons-container[style] {
        right: 35px !important; /* CHANGED: Positive value */
        gap: 1px !important;
        transform: none !important;
    }
}