/*
Theme Name: Botiga Child
Theme URI: https://athemes.com/theme/botiga/
Template: botiga
Author: aThemes
Author URI: https://athemes.com
Description: Launch your store with Botiga. A beautiful theme that is optimized for both the block editor and Elementor. We proudly introduce Botiga, with a modern and clean design that will effortlessly match your brand. Botiga has been developed from the ground up with clean code for optimal performance. You’ll get a mobile-optimized theme that looks and works great on any device and comes with plenty of customization options as well. Discover the theme that will transform your online business.
Tags: e-commerce,custom-menu,custom-logo,grid-layout,featured-images,right-sidebar,left-sidebar,custom-colors,editor-style,theme-options,threaded-comments,translation-ready,blog,one-column,two-columns,rtl-language-support,custom-background,custom-header,footer-widgets,post-formats,wide-blocks
Version: 2.4.0.1770809623
Updated: 2026-02-11 11:33:43

*/



/* Container for the row */
.form-row {
    display: flex;
    align-items: center; /* Vertically centers the text with the box */
    margin-bottom: 15px; /* Spacing between rows */
}


.form-colhalf {flex: 0 0 50%; /* Fixed width for alignment */
    font-weight: 600;}
.form-colthird {flex: 0 0 33%; /* Fixed width for alignment */
    font-weight: 600;}
.form-coltwothird {flex: 0 0 66%; /* Fixed width for alignment */
    font-weight: 600;}
.form-colquater {flex: 0 0 25%; /* Fixed width for alignment */
    font-weight: 600;}
.form-colthreequater {flex: 0 0 75%; /* Fixed width for alignment */
    font-weight: 600;}


/* The Right Column (The Input) */
.form-row input {
    
    padding: 8px;
    border: 1px solid #ccc;
    background-color: #ffffff;


/* Target only the readonly inputs */
.form-row input[readonly] {
    border: 1px solid #f9f9f9 !important;
    background-color: transparent !important;
    padding-left: 0; /* Aligns the text perfectly with the labels */
    outline: none;   /* Removes the blue glow if someone clicks it */
    cursor: default; /* Shows a normal arrow instead of a text cursor */
    box-shadow: none !important; /* Removes any theme-specific shadows */

}


/* Responsive: Stack them on mobile phones */
@media (max-width: 600px) {
    .form-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .form-row label {
        flex: 0 0 auto;
        margin-bottom: 5px;
    }
}